javascript - jQuery计时器实现

所有，

是否有一个jQuery计时器可以启动一个计时器20分钟并显示时间已过？请为我指出一个小的代码。

var austDay = new getTime();
austDay = new getSeconds(austDay);
var duration = 1200;
duration +=  austDay;

谢谢

最佳答案

不确定jQuery解决方案如何，但无论如何都非常简单:

var elapsed = 0;
var interval;
var total = 60 * 20; // 20 mins in seconds

function showElapsedTime()
{
    if(elapsed < total)
    {
        elapsed += 1;

        // If you want you can convert the seconds elapsed to minutes and seconds
        // here before you display them

        $('#elapsed').html(elapsed);
    }
    else
    {
        clearInterval(interval);
        alert('Done');
    }
}

$(function(){
    interval = setInterval(showElapsedTime, 1000);
});

其中#elapsed是要显示经过时间的div或span元素。

虽然有quite a few，timer，plugins，但是它们都是setTimeout和setInterval的抽象，我不确定它们的使用真的更简单。

关于javascript - jQuery计时器实现，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/2400227/