Javascript 如何在5秒内倒计时270到0,并将结果存储或记录到控制台

Javascript 如何在5秒内倒计时270到0,并将结果存储或记录到控制台,javascript,dom,Javascript,Dom,如何在5秒内将270倒计时到0。我需要它将值设置为stroke dashoffset,以更新进度条动画 这是我尝试过的,但不起作用 setInterval(function(){ let countdown = 270; countdown = --countdown <= 0 ? 270 : countdown; // It only logs 269. I want it to run down from 270 to 0 and update the value for th

如何在5秒内将270倒计时到0。我需要它将值设置为
stroke dashoffset
,以更新进度条动画

这是我尝试过的,但不起作用

 setInterval(function(){
  let countdown = 270;
countdown = --countdown <= 0 ? 270 : countdown;

// It only logs 269. I want it to run down from 270 to 0 and update the value for the stroke-dashoffset
console.log(countdown);

// Fill up the progress bar using the strokedashoffset property
circProgress.style.strokeDashoffset = countdown;
}, 5000)
setInterval(函数(){
倒计时=270;

countdown=--countdown通过定义一个setInterval,如下所示:

let倒计时=270;
设秒数=5000;//5秒
设置间隔(()=>{

倒计时=--countdown您是否有任何类型的循环/间隔运行
--countdown
?您发布的代码将只执行
--countdown
一次,因此您将永远无法到达0…@timleis倒计时在一个函数中,它以setInterval 5000运行。这只是一个片段,您应该编辑您的问题以提供它,因此我们不需要它我得猜猜你已经有了什么:)另外,
let countdown=270;
超出了这个时间间隔吗?@timleis谢谢你。我现在已经这么做了是的,我怀疑这是一个完整的解决方案,但这肯定是个问题:)。你能做一个JSFIDE吗?这有点难想象你正在尝试做什么…我如何让动画以设定间隔每5秒运行一次。我尝试了这个,但效果不好。这个值运行得太快,并且与每个动画的5秒不同步sequence@Idris如果r取消太快,增加秒数时间,甚至在倒计时中不拆分秒数。