CODEWITHSUNDEEP
javascriptjqueryjquery-ui
Hulk
Hulk

Reputation: 34200

jquery timer implementation

All,

Is there a jQuery timer which can start a timer for 20 minutes and display time elapsed? Please point me to a small code for it. 

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

Thanks

Upvotes: 2

Views: 2231

Answers (3)

Vladislav Rastrusny
Vladislav Rastrusny

Reputation: 30013

Here is an example using the jQuery Timers plugin. You can change it to suit your needs.

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

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

Upvotes: 1

Mark Bell
Mark Bell

Reputation: 29775

Not sure about a jQuery solution, but it's quite simple to do anyway:

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);
});

Where #elapsed is a div or span element that you want to show the elapsed time in.

There are quite a few timer plugins, but they are all just abstractions of setTimeout and setInterval anyway, and I'm not sure they're really much simpler to use.

Upvotes: 6

Mihai Matei
Mihai Matei

Reputation: 24276

Are you searching for a plugin like timeX?

Maybe this is what you can use..

Upvotes: 0

Related Questions