js代码实现的简单的天数倒计时

最新推荐文章于 2023-08-09 22:13:35 发布

原创最新推荐文章于 2023-08-09 22:13:35 发布 · 5.1k 阅读

1 ·

CC 4.0 BY-SA版权

JS 专栏收录该内容

59 篇文章

订阅专栏

本文展示了一个使用JavaScript实现的倒计时示例代码。该示例设定了一个特定日期的目标时间，并通过JavaScript动态更新剩余天数，适用于网站活动倒计时等场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

效果如下：

代码如下：

<span style="font-size:14px;"><html>
<head>
</head>
<div class="last_timer_zj">
   <ul style="color:#000;float: left;font-size: 20px;font-weight:bold;list-style-type:none;">
       <li style="" id="time_second">
       	<script type="text/javascript">
					var now = new Date();
					function GetServerTime()
					{
						var urodz = new Date("8/16/2015 00:00:00");//设定倒计时的时间
						now.setTime(now.getTime()+250);
						days = (urodz - now) / 1000 / 60 / 60 / 24;
						daysRound = Math.floor(days);
						hours = (urodz - now) / 1000 / 60 / 60 - (24 * daysRound);
						hoursRound = Math.floor(hours);
						minutes = (urodz - now) / 1000 /60 - (24 * 60 * daysRound) - (60 * hoursRound);
						minutesRound = Math.floor(minutes);
						seconds = (urodz - now) / 1000 - (24 * 60 * 60 * daysRound) - (60 * 60 * hoursRound) - (60 * minutesRound);
						secondsRound = Math.round(seconds);
						var obj = document.getElementById("time_second");
						daysRound = daysRound;
						if(daysRound >= 0) {
							obj.innerHTML="<p style='font-size:24px;font-weight:normal;'>倒计时 <span  style='font-size:24px;color:#fff;background:#cc0c18'>"+daysRound+"</span> 天</p>" ;
							//obj.innerHTML="<p>距开幕式<span>"+daysRound+"</span>天<span>"+hoursRound+"</span>时<span>"+minutesRound+"</span>分<span>"+secondsRound+"</span>秒</p>" ; 
						}
					}
					setInterval("GetServerTime()",1000);
					//$(function() {
									GetServerTime()
					//});
				</script>
       </li>
    </ul>           
</div>
</html></span>