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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM