网上很多倒计时的代码,每次刷新页面后,倒计时就会重新开始,(例:倒计时10分钟,每次刷新页面倒计时就是10分钟,时间上不能连续),以下代码实现的功能是:每日10点倒计时10分钟,用户刷新页面的时候,计时时间会跟随当前时间变化而变化
$(function(){
var timer = setInterval(function(){
var myDate = new Date();
var h = myDate.getHours();
var m = myDate.getMinutes();
var s = myDate.getSeconds();
var thisTime = h*60*60 + m*60 + s;
var tenTime = 10*60*60;
var time = thisTime - tenTime;
if(time<=600){
var intDiff = 600 - time;
var day = Math.floor(intDiff / (60 * 60 * 24));
var hour = Math.floor(intDiff / (60 * 60)) - (day * 24);
var minute = Math.floor(intDiff / 60) - (day * 24 * 60) - (hour * 60);
var second = Math.floor(intDiff) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60);
if (hour <= 9) hour = '0' + hour;
if (minute <= 9) minute = '0' + minute;
if (second <= 9) second = '0' + second;
$('#hour_show').html('<s id="h"></s>'+hour);
$('#minute_show').html('<s></s>'+minute);
$('#second_show').html('<s></s>'+second);
}else{
clearInterval(timer);
}
},1000);
});