js 倒计时

最新推荐文章于 2022-11-24 18:21:52 发布

人生海海丶

最新推荐文章于 2022-11-24 18:21:52 发布

阅读量110

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/stayreal_OA/article/details/99284706

版权

js 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<title>倒计时</title>
	<script type="text/javascript">
		window.onload=setTime;
		function setTime(){
			var setTime = document.getElementById("setTime");
			var d = new Date();
			var now = d.getTime();
			var end = Date.parse("2019-11-11");
			var totalSeconds = end-now;
			var day = Math.floor(totalSeconds/1000/60/60/24);
			var hours = Math.floor(totalSeconds/1000/60/60%24);
			var minutes = Math.floor(totalSeconds/1000/60%60);
			var seconds = Math.floor(totalSeconds/1000%60);

			setTime.innerHTML = day +"天"+minutes +"分钟"+seconds+"秒";
			setTimeout("setTime()",1000);
			if(totalSeconds<0){
				clearTimeout();
				document.getElementById("box").innerHTML = "倒计时结束";
			}
		}
	</script>
</head>
<body>
	<p id="box">倒计时：<br/>距离2019年11月11日<br/>还有<span id="setTime"></span></p>
</body>
</html>

人生海海丶

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js 倒计时

<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>倒计时</title> <script type...
复制链接

扫一扫