Question

所有

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

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

由于

Answer 1

不确定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的抽象，我不确定它们是不是非常简单易用。

Answer 2

以下是使用jQuery Timers插件的示例。您可以根据自己的需要进行更改。

$("#start").click(function() {
    $("#example_2").everyTime(1000, 'timer2', function(i) {
        $(this).text(i);
    }, 15);
});

$("#stop").click(function() {
    $("#example_2").stopTime('timer2');
});

Answer 3

您是否在搜索timeX等插件？

也许这就是你可以使用的......

jquery计时器实现

3 个答案: