1.小伙汁，加个钟吧

看到别人的博客，都有运行了多少天多少天的那种元素。

别的小朋友都有，我们也总要有吧，我们还要弄成能动的！！！说干就干，又不是啥难弄的东西。

如果其他大佬有更好的办法，请互相交流一下。

2.逻辑处理

1. 获取建站日期
2. 获取当前日期
3. 二者相减
4. 反复调用，刷新时间

所以我们首先在methods里创建一个方法

methods: {
    getRunTime() {
      let formatDateTime
      //一天的长度
      let perDay = 24 * 60 * 60 * 1000;
      //建站日期
      let createTime = new Date("08-15-2019");
      //当前时间
      let currentTime = new Date();
      let duringTime = currentTime.getTime() - createTime.getTime();
      //运行天数
      let dayTime = Math.floor(duringTime / perDay);

      let during =(duringTime / perDay-dayTime)* 24;
      //运行小时
      let hourTime = Math.floor(during)

      //(hourTime-duringTime) * -60;
      let during3=(hourTime-during)* -60;
      //运行分钟
      let minuteTime =Math.floor((hourTime-during) * -60)

	//运行秒数
      let secondTime=Math.floor((minuteTime-during3)* -60)

      formatDateTime = dayTime + '天' + hourTime + '时' + minuteTime + '分 ' + secondTime + '秒'
      return formatDateTime

    }

然后我们在mounted时调用它：

  mounted() {
    this.formatDateTime = this.getRunTime()
    let _this = this
    this.timer =setInterval(function (){
      _this.formatDateTime=_this.getRunTime()
    },1000)
  }

别忘了再加上：

  destroyed() {
    if (this.timer) {
      clearInterval(this.timer)
    }
  },

最后把它你喜欢的地方放上html，并加上样式，这里我先不加了

<div>{{ formatDateTime }}</div>

3.最终效果

最后，觉得有用的，请二连一波。点赞+打赏，它不香吗