Code:
Js:
function countdown (time, id) {//time format yyyy/mm/dd hh:mm:ss
var Day_elem = $ (ID). Find ('. Day ');
var Hour_elem = $ (ID). Find ('. hour ');
var Minute_elem = $ (ID). Find ('. minute ');
var Second_elem = $ (ID). Find ('. Second ');
var end_time = new Date (time). GetTime (),//month is the actual month-1
Sys_second = (end_time-new Date (). GetTime ())/1000;
var timer = setinterval (function () {
if (Sys_second > 1) {
Sys_second-= 1;
var day = Math.floor ((sys_second/3600)/24);
var hour = Math.floor ((sys_second/3600)% 24);
var minute = Math.floor ((SYS_SECOND/60)% 60);
var second = Math.floor (sys_second% 60);
Day_elem && $ (day_elem). Text (day); Calculate days
$ (Hour_elem). Text (Hour < 10?) "0" + hour:hour); Calculation hours
$ (Minute_elem). Text (Minute < 10?) "0" + minute:minute); Calculate minutes
$ (Second_elem). Text (Second < 10?) "0" + second:second); Calculate Seconds to Kill
} else {
Clearinterval (timer);
}
}, 1000);
}
Html:
<p id= "Colockbox" >
<span class= "Day" id= "Day" >00</span>
<span class= "Hour" >00</SPAN>:
<span class= "Minute" >24</SPAN>:
<span class= "Second" >24</span>
</p>
jquery Time Countdown