javascript 元旦倒计时的代码

最新推荐文章于 2022-12-27 14:59:32 发布

xz01082

最新推荐文章于 2022-12-27 14:59:32 发布

阅读量1.2k

点赞数

文章标签： javascript servlet 开发语言

本文链接：https://blog.csdn.net/xz01082/article/details/128342272

版权

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8">
       <title>元旦倒计时代码</title>
   </head>
   <body>
       距离2023年元旦还有<span id="days"></span>天<span id="hours"></span>小时<span id="minutes"></span>分钟<span id="seconds"></span>秒
   </body>
   <script type="text/javascript">

       var yd_date = new Date("01/01/2023");
       var yd_time = yd_date.getTime();
       var one_second = 1000;
       var one_minute = one_second * 60;
       var one_hour = one_minute * 60;
       var one_day = one_hour * 24;

       getRemainTime();
       function getRemainTime(){

           var now_date = new Date();
           var now_time = now_date.getTime();
           var now2yd_time = yd_time - now_time;

           if(now2yd_time < 0){
               alert("请修改未来时间");
           } else {
               setInterval(getRemainTime,1000);
           }

           var days = now2yd_time / one_day;
           document.getElementById("days").innerHTML = parseInt(days);

           var hours = (now2yd_time % one_day) / one_hour ;
           document.getElementById("hours").innerHTML = parseInt(hours);

           var minutes = (now2yd_time % one_hour) / one_minute ;
           document.getElementById("minutes").innerHTML = parseInt(minutes);

           var seconds = (now2yd_time % one_minute) / one_second ;
           document.getElementById("seconds").innerHTML = parseInt(seconds);
       }

   </script>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>元旦倒计时代码</title>
	</head>
	<body>
		距离2023年元旦还有<span id="days"></span>天<span id="hours"></span>小时<span id="minutes"></span>分钟<span id="seconds"></span>秒
	</body>
	<script type="text/javascript">
		
		var yd_date = new Date("01/01/2023");
		var yd_time = yd_date.getTime();
		var one_second = 1000;
		var one_minute = one_second * 60;
		var one_hour = one_minute * 60;
		var one_day = one_hour * 24;
		
		getRemainTime();
		function getRemainTime(){
			
			var now_date = new Date();
			var now_time = now_date.getTime();
			var now2yd_time = yd_time - now_time;
			
			if(now2yd_time < 0){
				alert("请修改未来时间");
			} else {
				setInterval(getRemainTime,1000);
			}
			
			var days = now2yd_time / one_day;
			document.getElementById("days").innerHTML = parseInt(days);
			
			var hours = (now2yd_time % one_day) / one_hour ;
			document.getElementById("hours").innerHTML = parseInt(hours);
			
			var minutes = (now2yd_time % one_hour) / one_minute ;
			document.getElementById("minutes").innerHTML = parseInt(minutes);
			
			var seconds = (now2yd_time % one_minute) / one_second ;
			document.getElementById("seconds").innerHTML = parseInt(seconds);
		}
		
	</script>
</html>