从计时器开始倒计时

5
有没有办法制作一个60秒的倒计时...这是计时器的代码:
var count = 0;
var timer = $.timer(function() {
    $('#counter').html(++count);
});
timer.set({ time : 1000, autostart : true });

我需要改变什么来使这段代码像倒计时?谢谢。


我刚接触jQuery,对于一些琐碎的问题感到抱歉。 - Peter Web
3个回答

19

从0数到60。

var count = 0, timer = setInterval(function() {
    $("#counter").html((count++)+1);
    if(count == 59) clearInterval(timer);
}, 1000);

或者从60到0:

var count = 60, timer = setInterval(function() {
    $("#counter").html(count--);
    if(count == 1) clearInterval(timer);
}, 1000);

@Eliot,我应该做什么来显示一个警报,如果计时器显示为零...当警报关闭时,它应该重定向到另一页。 - Santhosh
@sankrish:如果你还没有的话,最好重新提一个新问题。 - Elliot Bonneville

0
var count = 60;
var timer = $.timer(function() {
    $('#counter').html(--count);
});
timer.set({ time : 1000, autostart : true });

0
var timer;
var count = 60;

$("#counter").text(count);
//update display

timer = setTimeout(update, 1000);
//this allows for 'clearTimeout' if needed

function update()
{
    if (count > 0)
    {
       $("#counter").text(--count);
       timer = setTimeout(update, 1000);
    }
    else
    {
        alert("Done!!!");
    }
}

请告诉我如何在计时器为0时显示警报,并且如果计时器过期,它还应该重定向到另一个页面。 - Santhosh

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接