網頁實時顯示已經運行了多少天 html+js
阿新 • • 發佈:2020-12-08
問題:
能夠在網頁上實時顯示此網頁執行或存在了多少天。
效果:
實現:
1.body標籤新增下面程式碼:
<body onload="time()">
2.定義一個盒子顯示天數,如:
<h2 id="showtime"></h2>
3.js程式碼:
<script>
/* 時間 */
function time() {
t_div = document.getElementById('showtime');
var now = new Date()
setTimeout (time, 1000);
var dangqian = now.getFullYear() + "-" + (now.getMonth() + 1) + "-" + now.getDate() ;
t_div.innerHTML="已經勉強執行:"+ DateDiff("2020-08-28",dangqian) +" 天";
}
/* 計算執行天數的封裝函式 */
function DateDiff(sDate1, sDate2){ //sDate1和sDate2是2002-12-18格式
var aDate, oDate1, oDate2, iDays
aDate = sDate1.split("-")
oDate1 = new Date(aDate[1] + '-' + aDate[2] + '-' + aDate[0]) //轉換為12-18-2002格式
aDate = sDate2.split("-")
oDate2 = new Date(aDate[1] + '-' + aDate[2] + '-' + aDate[0])
iDays = parseInt (Math.abs(oDate1 - oDate2) / 1000 / 60 / 60 /24) //把相差的毫秒數轉換為天數
return iDays
}
</script>
注意:在…DateDiff("2020-08-28…)…裡寫入自己建立這個網頁的時間,如我寫了2020-08-28建立,格式要寫對,這樣程式碼就可以用當前實時時間減去你自己建立網頁的時間而得到執行或存在天數。
總結
哈哈哈~