Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/383.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 有没有可能让它工作_Javascript_Css - Fatal编程技术网

Javascript 有没有可能让它工作

Javascript 有没有可能让它工作,javascript,css,Javascript,Css,有没有可能让这项工作一起进行。这是两个不同的倒计时时钟。我对javascript非常陌生,我刚刚开始学习php。任何帮助都将不胜感激。我尽力了。我得到的最好的结果是4块蓝色的积木出现了,但是数字和天数没有出现在积木上。谢谢你抽出时间 //设置我们倒计时的日期 var countDownDate=新日期(“2018年6月5日15:37:25”).getTime(); //每1秒更新一次倒计时 var x=setInterval(函数(){ //获取今天的日期和时间 var now=new Dat

有没有可能让这项工作一起进行。这是两个不同的倒计时时钟。我对javascript非常陌生,我刚刚开始学习php。任何帮助都将不胜感激。我尽力了。我得到的最好的结果是4块蓝色的积木出现了,但是数字和天数没有出现在积木上。谢谢你抽出时间

//设置我们倒计时的日期
var countDownDate=新日期(“2018年6月5日15:37:25”).getTime();
//每1秒更新一次倒计时
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);
//将结果输出到id=“clockdiv”的元素中
document.getElementById(“clockdiv”).innerHTML=days+“days”+hours+“h”
+分钟+米+秒+秒;
//如果倒计时结束,写一些文字
如果(距离<0){
净间隔(x);
document.getElementById(“clockdiv”).innerHTML=“过期”;
}
}, 1000);
#clockdiv{
颜色:#ffffff;
显示:内联块;
字体大小:14px;
字号:100;
文本对齐:居中;
}
#时钟div>div{
背景#0294cb;
边界半径:3px;
显示:内联块;
填充:8px;
}
#clockdiv div>span{
背景:#42baff;
边界半径:3px;
显示:内联块;
填充:15px;
}
.smalltext{
字体大小:14px;
垫面:5px;
}

天
小时
会议记录
秒

您的脚本可以正常工作,但它会在更新时用纯文本替换
#clockdiv
的内容。因为
颜色:#ffffff
在css中,您无法看到此文本

我为您修复了脚本:

//设置我们倒计时的日期
var countDownDate=新日期(“2018年6月5日15:37:25”).getTime();
//每1秒更新一次倒计时
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);
//将结果输出到id=“clockdiv”的元素中
document.getElementsByClassName(“天”)[0].innerHTML=days;
document.getElementsByClassName(“小时”)[0].innerHTML=hours;
document.getElementsByClassName(“分钟”)[0].innerHTML=minutes;
document.getElementsByClassName(“秒”)[0].innerHTML=seconds;
//如果倒计时结束,写一些文字
如果(距离<0){
净间隔(x);
document.getElementById(“clockdiv”).innerHTML=“过期”;
}
}, 1000);
#clockdiv{
颜色:#ffffff;
显示:内联块;
字体大小:14px;
字号:100;
文本对齐:居中;
}
#时钟div>div{
背景#0294cb;
边界半径:3px;
显示:内联块;
填充:8px;
}
#clockdiv div>span{
背景:#42baff;
边界半径:3px;
显示:内联块;
填充:15px;
}
.smalltext{
字体大小:14px;
垫面:5px;
}

天
小时
会议记录
秒

对此我感激不尽。在过去的7个小时里,我一直在努力修复它。再次非常感谢,非常感谢。@Peek Nuckle如果答案对您有帮助,您可以。