我已经在一个 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/
有什么方法可以使用上述库停止/恢复和重新启动计时器。
最佳答案
您链接到的库不提供任何暂停或停止功能。
添加某种形式的暂停/恢复功能相对简单,因为该库只有几行长。可能类似于名为 paused
和 pause()
和 resume()
方法的实例变量。
关于javascript - countdowntimer.js 中的停止/恢复/重新启动功能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30352791/