реализация таймера jquery

Question

All

Существует ли таймер 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, в котором вы хотите показать прошедшее время.

Есть довольно много таймеров плагинов , но все они просто абстракции 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 ?

Может быть, это то, что вы можете использовать ..