JS函数制作倒数计时器

最新推荐文章于 2024-02-14 17:30:00 发布

weixin_43843044

最新推荐文章于 2024-02-14 17:30:00 发布

阅读量558

点赞数

分类专栏：基础使用文章标签： JS函数倒数计时器

本文链接：https://blog.csdn.net/weixin_43843044/article/details/85229291

版权

基础使用专栏收录该内容

1 篇文章 0 订阅

订阅专栏

JS函数制作倒数计时器

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div>
			距离圣诞节 2018年12月25号 还有
			<span id="day"></span>天
			<span id="hour"></span>小时
			<span id="min"></span>分
			<span id="sceo"></span>秒
		</div>
		<script type="text/javascript">
			function cal(){
			var time=new Date;
			var time1=new Date(2018,11,25,0,0,0);
			var mi=time1.getTime()-time.getTime();
			var miday=Math.floor(mi/1000/60/60/24);
			var mihour=Math.floor((mi/1000/60/60/24-miday)*24);
			var mimin=Math.floor(((mi/1000/60/60/24-miday)*24-mihour)*60);
			var miseco=Math.floor((((mi/1000/60/60/24-miday)*24-mihour)*60-mimin)*60);
			document.getElementById("day").innerHTML=miday;
			document.getElementById("hour").innerHTML=mihour;
			document.getElementById("min").innerHTML=mimin;
			document.getElementById("sceo").innerHTML=miseco;
			// document.write("距离圣诞节 2018年12月25号 还有"+miday+"天"+mihour+"小时"+mimin+"分"+miseco+"秒");
			}
			setInterval(cal,1000)
		</script>
	</body>
</html>```