“21天好习惯”第一期-1 JavaScript实现倒计时

发布时间:2022-06-30 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了“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,请注明来意。
标签: