js兑现倒计时-JavaSript-爱易网页

js兑现倒计时

日期：2014-05-16　浏览次数：20384 次

js实现倒计时

<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(2012, 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;  
            }

2楼emoven3天前 15:00: 好

1楼wutao1990083天前 13:19: e

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

js兑现倒计时

相关资料更多>

推荐阅读更多>