脚本宝典收集整理的这篇文章主要介绍了“21天好习惯”第一期-1 JavaScript实现倒计时,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
先创建一个名叫time的div
CSS样式:
.time{
background: skyblue;
width: 367px;
height: 300px;
text-align: center;
margin: auto;
font-size: 30px;
}
Javascript;
var str = prompt('请输入时间');
var time1= setInterval(function(){
var newtime = new Date();
var now = newtime.getTime();
var endtime = new Date(str);
var end = endtime.getTime();
var time = end - now;
var timebox = document.querySelector('.time');
var d,h,m,s;
d = Math.floor(time/1000/60/60/24);
h = Math.floor(time/1000/60/60%24);
m = Math.floor(time/1000/60%60);
s = Math.floor(time/1000%60);
if(time>1){
timebox.innerHTML = "距离"+str+"还剩:"+d+"天"+h+"小时"+m+"分钟"+s+"秒";
}
else{
timebox.innerHTML = str+"已经到了";
}
},1000);
以上是脚本宝典为你收集整理的“21天好习惯”第一期-1 JavaScript实现倒计时全部内容,希望文章能够帮你解决“21天好习惯”第一期-1 JavaScript实现倒计时所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。