博客网站运行时间(动态)

通过计时器动态更新博客(网站)运行时间

个人网站显示:运行 ##天##小时##分钟##秒

步骤:

  • 计算出创建时间戳与当前时间相差的毫秒数
  • 陆续裁剪出:天,小时,分钟,秒
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);

--------------------------如果有需要,可以代做微信小程序----------------------------

你可能感兴趣的:(博客网站运行时间(动态))