Javascript 有没有可能让它工作
有没有可能让这项工作一起进行。这是两个不同的倒计时时钟。我对javascript非常陌生,我刚刚开始学习php。任何帮助都将不胜感激。我尽力了。我得到的最好的结果是4块蓝色的积木出现了,但是数字和天数没有出现在积木上。谢谢你抽出时间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
//设置我们倒计时的日期
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如果答案对您有帮助,您可以。