js实现的倒计时

最新推荐文章于 2024-07-14 13:21:18 发布

～晨輝～

最新推荐文章于 2024-07-14 13:21:18 发布

阅读量987

点赞数

本文链接：https://blog.csdn.net/weixin_42632751/article/details/80951050

版权

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>倒计时</title>
</head>
<body>
	<div id="div1"></div>
	<script>
		function countDown(year,month,day,hour,minute,second){
			//之所以写month-1是因为在计算机里面传入的七月,实际上指的是八月
			var d1 = new Date(year,month-1,day,hour,minute,second);
			var d2 = new Date();
			//获取两时间相差的秒数
			var millisecond1 = d1.getTime();
			var millisecond2 = d2.getTime();
			if(millisecond1 <= millisecond2){
				alert("您输入的时间有误,请输入正确的未来某一时间！");
			}else{
				var intervalTime = (millisecond1 - millisecond2) / 1000;
				var hour1 = parseInt(intervalTime / 3600);
				var minute1 = parseInt((intervalTime - hour1*3600) / 60);
				var second1 = parseInt(intervalTime - hour1*3600 - minute1*60);
				var str = hour1+"小时"+minute1+"分"+second1+"秒";
			}		
			return str;			
		}

		
		var oDiv = document.getElementById("div1");
		setInterval(function(){				
			oDiv.innerHTML = "本场剩余:"+countDown(2018,9,8,14,30,20);
		},1000)
		
	</script>
</body>
</html>