countdowntimer.js中的停止/恢复/重启功能

时间:2015-05-20 14:34:53

标签: javascript jquery countdowntimer

我在html5游戏中加入了一个倒计时器,我目前正在使用以下javascript库。

https://cdn.rawgit.com/robbmj/simple-js-countdown-timer/master/countdowntimer.js

window.onload = function () {
var display1 = document.querySelector('#time1'),
    display2 = document.querySelector('#time2'),
    timer1 = new CountDownTimer(5),
    timer2 = new CountDownTimer(10);

timer1.onTick(format(display1)).onTick(restart).start();
timer2.onTick(format(display2)).start();

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

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

http://jsfiddle.net/robbmj/vpq5toeq/4/

有没有办法可以使用上面提到的库来停止/恢复和重新启动计时器。

1 个答案:

答案 0 :(得分:0)

您链接的库不提供任何暂停或停止功能。

添加某种形式的暂停/恢复功能会相对简单,因为库只有几行长。可能是一个名为pausedpause()&amp;的实例变量的行。 resume()方法。