js实现日期倒计时.

最新推荐文章于 2024-05-08 17:14:35 发布

Coinker

最新推荐文章于 2024-05-08 17:14:35 发布

阅读量2.3k

点赞数 2

分类专栏：【Web开发】

【Web开发】专栏收录该内容

19 篇文章 0 订阅

订阅专栏

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" > 
<title>JS实现倒计时(天数,时,分,秒)</title> 
  
	<script language="javascript" type="text/javascript">  
		function leftTimer(year,month,day,hour,minute,second){ 
			  var leftTime = (new Date(year,month-1,day,hour,minute,second)) - (new Date()); //计算剩余的毫秒数 
			  var days = parseInt(leftTime / 1000 / 60 / 60 / 24 , 10); //计算剩余的天数 
			  var hours = parseInt(leftTime / 1000 / 60 / 60 % 24 , 10); //计算剩余的小时 
			  var minutes = parseInt(leftTime / 1000 / 60 % 60, 10);//计算剩余的分钟 
			  var seconds = parseInt(leftTime / 1000 % 60, 10);//计算剩余的秒数 
			  days = checkTime(days); 
			  hours = checkTime(hours); 
			  minutes = checkTime(minutes); 
			  seconds = checkTime(seconds); 
			  setInterval("leftTimer(2016,11,11,11,11,11)",1000); 
			  document.getElementById("timer").innerHTML = days+"天" + hours+"小时" + minutes+"分"+seconds+"秒";  
		} 
		function checkTime(i){ //将0-9的数字前面加上0，例1变为01 
			if(i<10) 
			  { 
			    i = "0" + i; 
			  } 
			  return i; 
		} 
	  
	</script>
</head> 
<body onload="leftTimer()"> 
  
<h2>剩余时间:</h2> 
<div id="timer"></div> 
</body> 
</html>

Coinker

关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
js实现日期倒计时.

&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8" &gt; &lt;title&gt;JS实现倒计时(天数,时,分,秒)&lt;/title&gt; &lt;script language="javascript" type="text/ja
复制链接

扫一扫