Question

我正在使用此moment.js

以下是示例代码：

var mytimer= moment().format('00:60');

setInterval(counter,500);

function counter(){
     mytimer--; // its return NaN error
     sym.$("Text").html(mytimer);
}

如何让它倒数呢？

00:60 00:59 ... 00:00

提前致谢！

Answer 1

在这种情况下你不需要使用片刻。它让我感觉更像是一个更适合格式化日期的库，而不是定时器。请参阅下面的示例。它使用回调，因此您可以重复使用它来执行任何操作。

    function MyTimer(callback, val) {
        val = val || 60; 
        var timer=setInterval(function() { 
            callback(val);
            if(val-- <= 0) { 
                clearInterval(timer); 
            } 
        }, 1000);
    }
    new MyTimer(function(val) {
        var timerMsg = "00:" + (val >= 10 ? val : "0" + val);
        document.getElementById("timer").textContent = timerMsg; 
    });

<div id="timer"></div>

Answer 2

我知道这不是使用时刻，但这是你想要的格式

Check this out

http://jsfiddle.net/robbmj/czu6scth/2/

window.onload = function() {

      var display = document.querySelector('#time'),
          timer = new CountDownTimer(5);

      timer.onTick(format).onTick(restart).start();

      function restart() {
        if (this.expired()) {
          setTimeout(function() { timer.start(); }, 1000);
        }
      }

      function format(minutes, seconds) {
        minutes = minutes < 10 ? "0" + minutes : minutes;
        seconds = seconds < 10 ? "0" + seconds : seconds;
        display.textContent = minutes + ':' + seconds;
      }
    };

这将以00:00格式显示。

倒数计时器使用moment.js mm：ss格式

2 个答案: