JavaScript-倒计时-定时器

10011111

已于 2022-05-11 18:43:48 修改

阅读量162

点赞数

分类专栏：笔记文章标签： javascript 前端 html

于 2021-07-10 07:28:59 首次发布

本文链接：https://blog.csdn.net/qq_43788669/article/details/118552895

版权

笔记专栏收录该内容

89 篇文章 19 订阅

订阅专栏

在这里插入图片描述

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>倒计时-定时器</title>
	<style type="text/css">
		*{
			margin: 0px;
			padding: 0px;
		}
		p{
			font: 20px/70px "微软雅黑";
			border: 1px solid #FF0000FF;
			color: #FF0000FF;
			margin: 100px auto;
			width: 600px;
			text-align: center;
		}
	</style>
	<script type="text/javascript">
		window.onload=function(){
			setInterval(function(){//创建一个定时器；
				var nowtime = new Date();//定义一个当前时间的对象;
				var endtime = new Date("2020-1-1 00:00:00");//定义一个规定时间点的时间对象；
				var seconds = parseInt((endtime.getTime()-nowtime.getTime())/1000);//总时间（单位秒）
				// alert(seconds);
				var day = parseInt(seconds/3600/24);//天数;
				var hours = parseInt(seconds/3600%24);//小时;
				// 小时 seconds/60/60;
				// 分钟 seconds/60%60;
				// 分钟 seconds/60;
				// 小时 seconds%60;
				var minutes=parseInt(seconds/60%60);//分钟;
				var seconds=parseInt(seconds%60);//秒;
				var h=document.getElementById("shi");
				h.innerHTML="距离规定的日期还剩"+day+"天"+hours+"时"+minutes+"分"+seconds+"秒";
			},1000);
		}
	</script>
</head>
<body>
	<p id="shi"></p>
</body>
</html>