目录

项目效果

需求描述

解决方案：

---

项目效果

---

 

需求描述

由于最小单元到日，所以需要每晚24:00更新最新时间。

---

解决方案：

export default {

    data() {

      return {

        nowTime: null,

      };

    },

    mounted() {

      this.nowData()

      this.setTimeout();

    },

    methods: {

      //执行每天24:00 刷新

      setTimeout() {

        var nowTemp = new Date().getTime() //获取当前时间戳

        var tomorrowTemp = new Date(new Date().toLocaleDateString()).getTime() +24 * 60 * 60 * 1000;

        var residueTemp = tomorrowTemp - nowTemp //距离当天24：00的时间戳

        //执行定时任务

        setTimeout(() => {

          this.nowData()

          //次天0点 执行每天24;00 刷新

          setInterval(() => {

            this.nowData()

          }, 1000 * 60 * 60 * 24);

        }, residueTemp)

      },

      nowData() {

        var now = new Date();

        var year = now.getFullYear(); //得到年份

        var month = now.getMonth() + 1; //得到月份

        var date = now.getDate(); //得到日期

        var weeks = new Array(

          "星期日",

          "星期一",

          "星期二",

          "星期三",

          "星期四",

          "星期五",

          "星期六"

        );

        var week = weeks[now.getDay()]; //得到星期几

        // var hour= now.getHours();//得到小时数

        // var minute= now.getMinutes();//得到分钟数

        // var second= now.getSeconds();//得到秒数

        this.nowTime = year + '年' + month + '月' + date + '日' + ' ' + week

      }

    }

  }