通过计时器动态更新博客(网站)运行时间
个人网站显示:运行 ##天##小时##分钟##秒
步骤:
- 计算出创建时间戳与当前时间相差的毫秒数
- 陆续裁剪出:天,小时,分钟,秒
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);
--------------------------如果有需要,可以代做微信小程序----------------------------