javascript - JavaScript 中带变量的倒计时

Question

我正在使用 CreateJS/EaselJS 构建我的内容。

我想插入一个短暂的延迟，直到用户可以使用一些额外的内容。显示剩余时间很重要!

我的解决方案:

myLabel.text = "5";
setTimeout(function(){ myLabel.text = "4";
 setTimeout(function(){ myLabel.text = "3";
  setTimeout(function(){ myLabel.text = "2";
   setTimeout(function(){ myLabel.text = "1";
    setTimeout(function(){
     myLabel.text = "0";
     myButton.addEventListener('click', myFunction);
    }, 1000);
   }, 1000);
  }, 1000);
 }, 1000);
}, 1000);

用更短的代码可以吗？

奖励:传递一个变量作为倒计时持续时间(例如 5000 持续 5 秒)

我希望尽快得到答复，西蒙

Answer 1

使用setInterval代替:

var myNumber = 5;
myLabel.text = myNumber;
var myInterval = setInterval(function() {
     myLabel.text = --myNumber;
     if (myNumber === 0) {
         myButton.addEventListener('click', myFunction);
         clearInterval(myInterval);
     }
}, 1000);