// 判断当前时间
var now = Date.now()
if(when < now){
throw '开始时间不能小于当前时间'
}
// 如果大于当前时间，则过了相差的时间后再执行此函数
else if(when > now){
setTimeout(function(){
countdown(when, callback)
}, when - now)
} else{
// 开始倒计时，这里的逻辑你没有描述
}
}
注意，js的定时并不是完全准确的。所有的setXXX之类的延时函数都是等计算机空闲下来才会执行
效果：
代码如下：
<span id="show">Loading...</span><script type="text/javascript">
//time_val 比对的时间 格式如2016-12-14 22:55:40
function countDown(time_val){
var www_qsyz_net=/^[\d]{4}-[\d]{1,2}-[\d]{1,2}( [\d]{1,2}:[\d]{1,2}(:[\d]{1,2})?)?$/ig,str='',conn,s
if(!time_val.match(www_qsyz_net)){
alert('参数格式为2012-01-01[ 01:01[:01]].\r其中[]内的内容可省略')
return false
}
var sec=(new Date(time_val.replace(/-/ig,'/')).getTime() - new Date().getTime())/1000
if(sec > 0){
conn=' 还有 '
}else{
conn=' 已过去 '
sec*=-1
}
s={'天':sec/24/3600,'小时':sec/3600%24,'分':sec/60%60,'秒':sec%60}
for(i in s){
if(Math.floor(s[i])>0 ) str += Math.floor(s[i]) + i
}
if(Math.floor(sec)==0){ str='0秒' }
document.getElementById('show').innerHTML = '距离 <u>' + time_val + '</u>' + conn +'<u>' + str + '</u>'
//每隔一秒更新
setTimeout(function(){countDown(time_val)},1000)
}
countDown('2016-12-14 22:55:40')
</script>
var the_s = 188888//定义剩余时间, 必须用时间戳.单位为秒setInterval(promote,1000)//每秒执行一次下面的函数
function promote() {
var d = Math.floor((the_s / 3600) / 24)
var g = Math.floor((the_s - d * 24 * 3600) / 3600)
var e = Math.floor((the_s - d * 24 * 3600 - g * 3600) / 60)
var f = (the_s - g * 3600) % 60
var html = "还剩<b>" + d + "</b>天<b>" + g + "</b>时<b>" + e + "</b>分<b>" + f + "</b>秒"
document.getElementById("divdown1").innerHTML = html//这个id是你想要显示的div的id
the_s--
}
我这个定时器比你的好, 用我的. 你只要定义了the_s和要显示在哪的id. 就可以用了.
如你要显示剩余4小时, 那么将4小时转化为秒: 4*60*60=14400, 就这样调用:
var the_s = 14400setInterval(promote,1000)
就ok了. 记得要引用我的函数哟~
