通過計時器動態(tài)更新博客(網站)運行時間
個人網站顯示:運行 ##天##小時##分鐘##秒
步驟:
- 計算出創(chuàng)建時間戳與當前時間相差的毫秒數
- 陸續(xù)裁剪出:天,小時,分鐘,秒
setInterval(function() {
//計算出相差的毫秒數
var cha_hao_time=new Date().getTime() - new Date('2020-06-18 00:00:00').getTime()
//一天的毫秒數
var oneDay_hao=24*60*60*1000
//總天數(含小數點)(小數點以天為單位)
var countDays=cha_hao_time/oneDay_hao
/*分離出天數和小數點后的*/
var countDay=Math.floor(countDays)
//獲取到小數點后的(轉化為以小時為單位)
var countHours=(countDays-countDay)*24
/*分離出小時和小數點后的*/
var countHour=Math.floor(countHours)
//獲取小數點后的(轉化為以分鐘為單位)
var countMinutes=(countHours-countHour)*60
/*分離出分鐘和小數點后的*/
var countMinute=Math.floor(countMinutes)
//直接獲取秒數
var countSeconds=Math.floor((countMinutes-countMinute)*60)
//這里是將數據渲染到DOM對象上(我這里用的是vue,請根據對應修改)
that.time =
"" +
countDay +
"天" +
countHour +
"小時" +
countMinute +
"分" +
countSeconds +
"秒";
}, 1000);
--------------------------如果有需要,可以代做微信小程序----------------------------