倒计时

最新推荐文章于 2025-07-16 09:26:43 发布

原创最新推荐文章于 2025-07-16 09:26:43 发布 · 368 阅读

0 ·

CC 4.0 BY-SA版权

html5 专栏收录该内容

4 篇文章

订阅专栏

本文提供了一个使用JavaScript实现的倒计时功能示例代码。该示例通过获取指定结束日期的时间戳，并与当前时间进行比较来计算剩余时间。代码展示了如何在网页上实时更新倒计时显示。

</pre><pre name="code" class="html"><body>
<DIV id="CountMsg" class="HotDate">    
</DIV>
</body>
<script>

		
       var timebox=document.getElementById("CountMsg");
	   var datetime='20161012221935';
	   var yyy=datetime.substr(0,4);
       var EndTime= new Date(yyy,10,12,22,19,35);
function GetRTime(){
	    
       var NowTime = new Date();
       var t =EndTime.getTime() - NowTime.getTime();
	  

       var d=Math.floor(t/1000/60/60/24);
       var h=Math.floor(t/1000/60/60%24);
       var m=Math.floor(t/1000/60%60);
       var s=Math.floor(t/1000%60);
	   if(d<=0&&h<=0&&m<=0&&s<=0){
			timebox.innerHTML="over";
		}else{
			timebox.innerHTML=d + "天"+h+"shi"+m+"fen"+s+"miao";	   
			}
       
   }
   setInterval(GetRTime,1000);
   
</script>