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

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

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

步骤:

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。