我怎么能跑90:00＆＃34; min＆＃34;在30秒内？

Question

我需要做的就是：

我有一场足球比赛（都是用纯粹的js写的），这是90:00分钟。

我需要向用户显示90（90:00）min，这应该在30秒时间内用动画倒计时到00:00 ......

最好的方法是什么？ 我应该使用一些动画库吗？

Answer 1

您可以修改现有倒计时时钟，例如this one，以使用较短的时间间隔进行倒计时回调。

在你的情况下，你需要在一秒钟内调用处理倒计时180次的功能（90分钟= 5400秒 - > 30/5400 = 0.0055 - > 5.5毫秒），所以你必须设置回调间隔到5.5ms左右。这听起来像是太多的电话，所以你可以用某种方式对它进行优化，例如你可以在每一步中倒计时10秒，在这种情况下你将只有18个函数调用/秒，这听起来更可接受。

Answer 2

一个简单的代码，每秒倒计时3分钟，停在0。

var minutesLeft = 90,
interval;

interval = setInterval(function () {
        minutesLeft-=3;
        if(minutesLeft === 0) {
            clearInterval(interval);
        }
    , 1000}