js.小效果.倒计时.基础版

版权声明:欢迎阅读,有误请指正,转载请申明。 https://blog.csdn.net/wx1995sss/article/details/87914041
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<div id='box'></div>
		<script>
			(function myfun4(times){
				var outTime = new Date(2019,2,20,9,0,0);//设定一个倒计时的目标时间点
				var outs = outTime.getTime();//获取目标时间点毫秒数
				var nows = new Date();//获取当前时间点
				var ins = nows.getTime();//转化为毫秒数
				var times = Math.floor((outs-ins)/1000);//目标时间点毫秒数减去当前时间毫秒数然后转为秒
				setInterval(function(){
				var days =0,hours =0,minutes =0,seconds =0;
					if(times>0){
						days = Math.floor(times/(60*60*24));
						hours = Math.floor(times/(60*60)-(days*24));
						minutes = Math.floor((times/60)-(hours*60)-(days*24*60));
						seconds = Math.floor(times-(days*24*60*60)-(hours*60*60)-(minutes*60));
					}
					if(days<=9){days="0"+days;}
					if(hours<=9){hours="0"+hours;}
					if(minutes<=9){minutes="0"+minutes;}
					if(seconds<=9){seconds="0"+seconds;}
					var box =document.getElementById('box');
					box.innerHTML="距离2019年3月20号9点整还有:"+days+"天"+hours+"时"+minutes+"分"+seconds+"秒";
					times--;
				},1000);
				if(times<=0){
					clearInterval(times);
				}
			})();//表达式函数,自执行
		</script>
	</body>
</html>

猜你喜欢

转载自blog.csdn.net/wx1995sss/article/details/87914041
今日推荐