文章轉載:https://blog.csdn.net/lxcao/article/details/60326503
在網頁中實現一個計算當年還剩多少時間的倒數計時程序,要求網頁上實時動態顯示”XX年還剩XX天XX時XX分XX秒”
<!DOCTYPEHTML>
<html>
<head>
<meta http-equiv=" "Content-Type" "content=" "text/html;charset=UTF-8" ">
<title>倒計時</title>
</head>
<body>
<input type=" "text" " value=" " id="input" size=" "500" ">
<script>
var txt= document.getElementById("input");
setInterval(function () {
//獲取系統當前時間
var now = new Date();
//實例化今年跨年時間 2019/1/1 這裏的0表示1月份
var targDate = new Date(now.getFullYear() + 1, 0, 1);
//跨年時間與此時此刻時間差(毫秒)
var long = targDate - now;
var leftDay = parseInt(long/ 1000 / 60 / 60 / 24);
long = long % (1000 * 60 * 60 * 24);
var leftHour =parseInt(long / 1000 / 60 / 60);
long = long % (1000 * 60 * 60);
var leftMinute = parseInt(long / 1000 / 60) ;
long = long % (1000 * 60 );
var leftSeconde = parseInt(long / 1000);
txt.value= now.getFullYear() +"年還剩" + leftDay
+ "天" +leftHour + "時"+leftMinute+"分"+leftSeconde+"秒";
}, 1000);
</script>
</body>
</html>
最終效果: