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

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

• javascript
• jquery
• jquery-ui

Share Improve this question Follow edited Mar 8, 2010 at 9:21 Will Vousden 33.4k99 gold badges8888 silver badges9797 bronze badges asked Mar 8, 2010 at 9:10 HulkHulk 34.2k6565 gold badges150150 silver badges217217 bronze badges

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 6

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.

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

Are you searching for a plugin like timeX?

Maybe this is what you can use..