Monday, September 24, 2012

[JS] Simple countdown

Adapt from here

source code
var tinterval=1000/250fnCountdown=null;

function component(x,v){
    return Math.floor(x/v);
}
function countDown(){
    t=t-interval;
    var days component(t24 60 60 1000),
        hours component(t60 60 100024,
        minutes component(t60 100060,
        seconds component(t100060,
        milliseconds 1000;
    if(t<=500){
        $('#countdown').html('Over!!');
        clearInterval(fnCountdown);
    }
    else{
        if(days<10days '0'+days;
        if(hours<10hours '0'+hours;
        if(minutes<10minutes '0'+minutes;
        if(seconds<10seconds '0'+seconds;
        milliseconds (milliseconds+'').substr(0,3);
        //if(milliseconds<10) milliseconds= '00'+milliseconds;
        //else if(milliseconds<100) milliseconds= '0'+milliseconds;
        $('#countdown').html(days ' : ' hours ' : ' minutes ' : ' seconds '.' milliseconds);
    }
}

example (http://jsfiddle.net/X8MXr/)
<div id="countdown"></div>
<script>
var start=new Date('2012/01/20 10:00:00'),
    end=new Date('2012/01/20 10:01:00');
t=end-start;

fnCountdown=setInterval(function(){countDown();}interval);
</script>

No comments:

Post a Comment