Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 为什么赢了';getelementbyid在第页上显示两次?_Javascript - Fatal编程技术网

Javascript 为什么赢了';getelementbyid在第页上显示两次?

Javascript 为什么赢了';getelementbyid在第页上显示两次?,javascript,Javascript,这个简单的javascript倒计时不会在我的页面上显示两次。我理解getElementbyId只需要一个ID与之关联,但是更改为getElementbyClassName并进行相应的调整也不起作用 请协助 //JS倒计时 var倒计时日期=新日期(“2019年2月13日23:59:00”); 初始化锁('cd-clock',倒计时日期); 函数getTimeRemaining(endtime){ var t=Date.parse(endtime)-Date.parse(new Date()

这个简单的javascript倒计时不会在我的页面上显示两次。我理解getElementbyId只需要一个ID与之关联,但是更改为getElementbyClassName并进行相应的调整也不起作用

请协助

//JS倒计时
var倒计时日期=新日期(“2019年2月13日23:59:00”);
初始化锁('cd-clock',倒计时日期);
函数getTimeRemaining(endtime){
var t=Date.parse(endtime)-Date.parse(new Date());
var秒=数学地板((t/1000)%60);
var分钟=数学地板((t/1000/60)%60);
可变小时数=数学楼层((t/(1000*60*60))%24);
风险天数=数学下限(t/(1000*60*60*24));
返回{
“总计”:t,
“天”:天,
“小时”:小时,
“分钟”:分钟,
“秒”:秒
};
}
函数初始化锁(id,endtime){
var clock=document.getElementById(id);
var daysSpan=clock.querySelector('.days');
var hoursSpan=clock.querySelector('.hours');
var minutesSpan=clock.querySelector('.minutes');
var secondsSpan=clock.querySelector('.seconds');
函数updatelock(){
var t=GetTime剩余时间(endtime);
daysSpan.innerHTML=t.days;
hoursSpan.innerHTML=('0'+t.hours).slice(-2);
minuteSpan.innerHTML=('0'+t.minutes).slice(-2);
secondsSpan.innerHTML=('0'+t.seconds).slice(-2);
如果(t.总div{
填充:10px;
边界半径:3px;
显示:内联块;
}
#cd时钟div>span{
填充:2px;
边界半径:3px;
显示:内联块;
}
.小文本{
填充顶部:0px;
字体大小:12px;
字体大小:正常;
}

计时器#1
天
小时
会议记录
秒
计时器#2
天
小时
会议记录
秒
//JS倒计时
var倒计时日期=新日期(“2019年2月13日23:59:00”);
初始化锁('cd-clock',倒计时日期);
函数getTimeRemaining(endtime){
var t=Date.parse(endtime)-Date.parse(new Date());
var秒=数学地板((t/1000)%60);
var分钟=数学地板((t/1000/60)%60);
可变小时数=数学楼层((t/(1000*60*60))%24);
风险天数=数学下限(t/(1000*60*60*24));
返回{
“总计”:t,
“天”:天,
“小时”:小时,
“分钟”:分钟,
“秒”:秒
};
}
函数InitializeLock(类名,endtime){
var clock=document.getElementsByClassName(className);
数组.from(时钟).forEach(时钟=>{
var daysSpan=clock.querySelector('.days');
var hoursSpan=clock.querySelector('.hours');
var minutesSpan=clock.querySelector('.minutes');
var secondsSpan=clock.querySelector('.seconds');
setInterval(()=>UpdateLock(daysSpan,hourspan,minutespan,secondssspan),1000);
UpdateLock(daysSpan、hourspan、minutespan、secondssspan);
})
函数updateLock(dSpan、hSpan、mSpan、sSpan){
var t=GetTime剩余时间(endtime);
dSpan.innerHTML=t.days;
hSpan.innerHTML=('0'+t.hours).slice(-2);
mSpan.innerHTML=('0'+t.minutes).slice(-2);
sSpan.innerHTML=('0'+t.seconds).slice(-2);
如果(t.总div{
填充:10px;
边界半径:3px;
显示:内联块;
}
.cd时钟div>span{
填充:2px;
边界半径:3px;
显示:内联块;
}
.小文本{
填充顶部:0px;
字体大小:12px;
字体大小:正常;
}

计时器#1
天
小时
会议记录
秒
计时器#2
天
小时
会议记录
秒
//JS倒计时
var倒计时日期=新日期(“2019年2月13日23:59:00”);
初始化锁('cd-clock',倒计时日期);
函数getTimeRemaining(endtime){
var t=Date.parse(endtime)-Date.parse(new Date());
var秒=数学地板((t/1000)%60);
var分钟=数学地板((t/1000/60)%60);
可变小时数=数学楼层((t/(1000*60*60))%24);
风险天数=数学下限(t/(1000*60*60*24));
返回{
“总计”:t,
“天”:天,
“小时”:小时,
“分钟”:分钟,
“秒”:秒
};
}
函数InitializeLock(类名,endtime){
var clock=document.getElementsByClassName(className);
数组.from(时钟).forEach(时钟=>{
var daysSpan=clock.querySelector('.days');
var hoursSpan=clock.querySelector('.hours');
var minutesSpan=clock.querySelector('.minutes');
var secondsSpan=clock.querySelector('.seconds');
setInterval(()=>UpdateLock(daysSpan,hourspan,minutespan,secondssspan),1000);
UpdateLock(daysSpan、hourspan、minutespan、secondssspan);
})
函数updateLock(dSpan、hSpan、mSpan、sSpan){
var t=getTimeRemainin