尝试实现倒数计时器,因此一旦我导航到每个屏幕,计时器应该重置。
因此,每分钟计时器应自动初始化并开始从 10 到 0 的倒计时。
如果用户在倒计时过程中中断,它应该在同一页面中,否则它应该导航到主页。
这就是我尝试过的。我的计时器只调用一次,我怎么知道页面已更改并将计时器重置为从 1 分钟开始计算。
.JS:
$(document).ready(function() {
// Function to update counters on all elements with class counter
var doUpdate = function() {
$('.countdown').each(function() {
var count = parseInt($(this).html());
if (count !== 0) {
$(this).html(count - 1);
}
});
};
// Schedule the update to happen once every second
setInterval(doUpdate, 1000);
});
.HTML:
<div class="countdown">10</div>
一旦您达到倒计时的0
,您就可以使用 clearInterval()
清除当前的间隔,并在一分钟后重新启动整个过程。你可以有另一个每分钟执行此操作的 setInterval()。
这是一个每 12 秒重置一次计数器的小提琴:http://jsfiddle.net/uo7jLf4b/1/