js实现倒计时

最新推荐文章于 2024-05-22 01:53:01 发布

秋叶为何落

最新推荐文章于 2024-05-22 01:53:01 发布

阅读量9.1w

点赞数 10

分类专栏： JavaScript 文章标签： microsoft timer date function div

本文链接：https://blog.csdn.net/lwcumt/article/details/8088303

版权

JavaScript 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

<html>
	<head>
		<title>倒计时</title>
		<!--以下为css样式-->
		<style type= "text/css">
			.daojishi h2
			{ 
				font-family:Helvetica, Microsoft YaHei, Arial, sans-serif; 
				font-size:14px;
				margin-bottom:5px; 
				color:#151515;
			}
			.daojishi #timer
			{
				font-family:Helvetica, Microsoft YaHei, Arial, sans-serif; 
				font-size:14px;
				color:#151515;
				font-weight:bold;
			}
		</style>
		<script type = "text/javascript" src = "timer.js">
		</script>
	</head>
	<body onload = "timer()">
		<div class = "daojishi">
			<h2>剩余时间为：</h2>
			<div id = "timer">
			</div>
		</div>
	</body>
</html>

timer.js

function timer()
			{
				var ts = (new Date(2018, 11, 11, 9, 0, 0)) - (new Date());//计算剩余的毫秒数
				var dd = parseInt(ts / 1000 / 60 / 60 / 24, 10);//计算剩余的天数
				var hh = parseInt(ts / 1000 / 60 / 60 % 24, 10);//计算剩余的小时数
				var mm = parseInt(ts / 1000 / 60 % 60, 10);//计算剩余的分钟数
				var ss = parseInt(ts / 1000 % 60, 10);//计算剩余的秒数
				dd = checkTime(dd);
				hh = checkTime(hh);
				mm = checkTime(mm);
				ss = checkTime(ss);
				document.getElementById("timer").innerHTML = dd + "天" + hh + "时" + mm + "分" + ss + "秒";
				setInterval("timer()",1000);
			}
			function checkTime(i)  
            {  
               if (i < 10) {  
                   i = "0" + i;  
                }  
               return i;  
            }

秋叶为何落

关注

10
点赞
踩
0

收藏

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

倒计时 .daojishi h2 { font-family:Helvetica, Microsoft YaHei, Arial, sans-serif; font-size:14px; margin-bottom:5px; color:#151515; } .daojishi #timer {
复制链接

扫一扫

专栏目录