Javascript 定时器为';不要倒计时

Javascript 定时器为';不要倒计时,javascript,html,css,Javascript,Html,Css,我有一个倒计时时钟,它会改变,但它似乎不会实时倒计时,除非你刷新页面。我不熟悉javascript,所以我从某个地方复制了这篇文章,自己稍微编辑了一下,以满足我的需要。是否有我应该添加或错误设置的内容导致倒计时不实时 函数updateTimeSpan(){ var theSpan=document.getElementById('timeLeft'); var d=新日期(); var t=新日期(); var-ms; var s,m,h; //如果是下午5点以后,就把今天定到明天 如果(d.

我有一个倒计时时钟,它会改变,但它似乎不会实时倒计时,除非你刷新页面。我不熟悉javascript,所以我从某个地方复制了这篇文章,自己稍微编辑了一下,以满足我的需要。是否有我应该添加或错误设置的内容导致倒计时不实时

函数updateTimeSpan(){
var theSpan=document.getElementById('timeLeft');
var d=新日期();
var t=新日期();
var-ms;
var s,m,h;
//如果是下午5点以后,就把今天定到明天
如果(d.getHours()>16){
d、 设置日期(d.getDate()+1);
}
//下星期一
而(d.getDay()!=1){
d、 设置日期(d.getDate()+1);
}
//定时间
d、 设定时间(1665);
d、 三分钟(33);
d、 设置秒(27);
//了解现在和下周一的区别
ms=d-t;
//从现在到那时
d=parseInt(ms/(1000*60*60*24));
ms-=(d*1000*60*60*24);
//上班时间
h=parseInt(ms/(1000*60*60));
ms-=(h*1000*60*60);
//获得会议记录
m=parseInt(ms/(1000*60));
ms-=(m*1000*60);
//获得秒数
s=parseInt(ms/1000);
theSpan.innerHTML=d+'天|'+h+'小时|'+m+'分钟|'+s+'秒';
setTimeout('updateTimeSpan()',100);
}
onload=updateTimeSpan();
$(函数(){
$(“h2”)
.wrapInner(“”)
$(“h2 br”)
.在(“”)之前
.在(“”)之后;
});
。计时器头{
位置:绝对位置;
左:0;
宽度:100%;
}
.计时器标题范围{
颜色:黑色;
字体:粗体24px/45px蒙特塞拉特,无衬线;
字母间距:-1px;
字体大小:30px;
填充:10px;
}
.定时器集管跨距垫片{
填充:0 5px;
}
@仅介质屏幕和(最大宽度:480px){
.计时器标题范围{
颜色:黑色;
字体:粗体24px/45px蒙特塞拉特,无衬线;
字号:18px;
填充物:5px;
}
.定时器集管跨距垫片{
填充:0 5px;
}
}

试试这个

var countDownDate=新日期(“2020年1月5日00:00:00”).getTime();
var x=setInterval(函数(){
var now=new Date().getTime();
var距离=倒计时日期-现在;
//天、小时、分钟和秒的时间计算
变量天数=数学楼层(距离/(1000*60*60*24));
可变小时数=数学楼层((距离%(1000*60*60*24))/(1000*60*60));
var分钟=数学楼层((距离%(1000*60*60))/(1000*60));
var秒=数学楼层((距离%(1000*60))/1000);
document.getElementById(“demo”).innerHTML=days+d+hours+h
+分钟+米+秒+秒;
//如果倒计时结束,写一些文字
如果(距离<0){
净间隔(x);
document.getElementById(“demo”).innerHTML=“过期”;
}
}, 1000);
p{
文本对齐:居中;
字体大小:60px;
边际上限:0px;
}

试试这个

var countDownDate=新日期(“2020年1月5日00:00:00”).getTime();
var x=setInterval(函数(){
var now=new Date().getTime();
var距离=倒计时日期-现在;
//天、小时、分钟和秒的时间计算
变量天数=数学楼层(距离/(1000*60*60*24));
可变小时数=数学楼层((距离%(1000*60*60*24))/(1000*60*60));
var分钟=数学楼层((距离%(1000*60*60))/(1000*60));
var秒=数学楼层((距离%(1000*60))/1000);
document.getElementById(“demo”).innerHTML=days+d+hours+h
+分钟+米+秒+秒;
//如果倒计时结束,写一些文字
如果(距离<0){
净间隔(x);
document.getElementById(“demo”).innerHTML=“过期”;
}
}, 1000);
p{
文本对齐:居中;
字体大小:60px;
边际上限:0px;
}


您想在每个时间间隔内更新一个值,那么为什么不改用
setInterval

函数重新计算EANDUPDATETIMESPAN(){
}
window.onload=函数(){
setInterval(重新计算日期时间跨度,100);
}

您想在每个时间间隔内更新一个值,那么为什么不改用
setInterval

函数重新计算EANDUPDATETIMESPAN(){
}
window.onload=函数(){
setInterval(重新计算日期时间跨度,100);
}

setTimeout('updateTimeSpan()',100),对我来说倒计时似乎很好在我看来不正确。这是一种有效的使用方法吗?(我会使用
setTimeout(updateTimeSpan,100);
)@Romen我想
setTimeout('updateTimeSpan()',100)
的工作原理与setTimeout(updateTimeSpan,100)相同
,请参阅
code
部分,它似乎在倒计时,对我来说很好…
setTimeout('updateTimeSpan()',100)在我看来不正确。这是一种有效的使用方法吗?(我会使用
setTimeout(updateTimeSpan,100);
)@Romen我想
setTimeout('updateTimeSpan()',100)
的工作原理与setTimeout(updateTimeSpan,100)相同,请参阅
code
部分