js模拟24小时的倒计时效果

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>

	<body>
		<span id="time"></span>
		<script>
			//倒计时
			!(function() {
				var time = document.querySelector("#time");
				var oldtime = new Date(); //传入的时间
				oldtime = oldtime.setDate(oldtime.getDate() + 1);//模拟24小时后的时间
				//时间换算
				function timer(oldtime) {
					var newtime = new Date();
					var time = (oldtime - newtime) / 1000;

					var d = parseInt(time / (60 * 60 * 24));
					var h = parseInt(time / 60 / 60 % 24);
					var m = parseInt(time / 60 % 60);
					var s = parseInt(time % 60);
					return d + "天" + h + "小时" + m + "分钟" + s + "秒";
				}

				setInterval(function(){
                            time.innerHTML = timer(oldtime);
                          }, 1000) })() </script> </body> </html>

猜你喜欢

转载自www.cnblogs.com/zimengxiyu/p/10820907.html