活动倒计时功能

做了一个显示活动倒计时的功能,方便用到时直接拿来就用

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>与今天之后的某一特定时间的倒计时</title>
</head>

<body>
<div>离结束时间还差<span style="color:red; font-weight:bold;" id="day"></span>天<span style="color:red; font-weight:bold;" id="hour"></span>小时<span style="color:red; font-weight:bold;" id="fen"></span>分<span style="color:red; font-weight:bold;" id="miao"></span>秒</div>

<script>
//getTimeS(86400000);
getTimeS(new Date(2017,6,3,10,40,0) - new Date());//当前时间 与 2017年7月3号10点40分 差值
function getTimeS(newTime){
	var timer;
	function djs(){
		if(newTime <= 0){
			clearInterval(timer);
			document.getElementById('day').innerHTML = 0;
			document.getElementById('hour').innerHTML = 0;
			document.getElementById('fen').innerHTML = 0;
			document.getElementById('miao').innerHTML = 0;
			alert('活动已结束');
			return;
		}
		
		var newTimeS = newTime / 1000;
		var day = 24*60*60;
		var hour = 60*60;
		var fen = 60;
		
		var newDay = Math.floor(newTimeS / day);
		var newHour = Math.floor(newTimeS % day / hour);
		var newfen = Math.floor(newTimeS % hour / fen);
		var newMiao = Math.floor(newTimeS % fen);
		
		console.log(newDay , newHour , newfen , newMiao);
		document.getElementById('day').innerHTML = newDay;
		document.getElementById('hour').innerHTML = newHour;
		document.getElementById('fen').innerHTML = newfen;
		document.getElementById('miao').innerHTML = newMiao;
		
		newTime = newTime - 1000;
		
	}
	djs();
	timer = setInterval(djs,1000);
}
</script>
</body>
</html>


猜你喜欢

转载自blog.csdn.net/qq_16494241/article/details/74171436