动态显示当前北京时间

记录好复制

js

function showTime() {
    let time
    var week = new Array(
        "星期日",
        "星期一",
        "星期二",
        "星期三",
        "星期四",
        "星期五",
        "星期六"
    );
    var date = new Date();
    var year = date.getFullYear();
    var month = date.getMonth() + 1;
    var day = date.getDate();
    var hour = date.getHours();
    var minutes = date.getMinutes();
    var second = date.getSeconds();
    time =
        year +
        "." +
        (month < 10 ? "0" + month : month) +
        "." +
        day +
        "" +
        " " +
        hour +
        ":" +
        minutes +
        ":" +
        (second < 10 ? "0" + second : second) +
        " " +
        (week[date.getDay()] || "");

    return time
}

export default showTime

vue

<template>
  <el-container class="full">
          <div class="userName">欢迎您，admin</div>
          <div class="time">{{ times }}</div>
        </div>
      </div>
  </el-container>
</template>

<script>
import showTime from '@/util/showTime.js';
let clearTime;
export default {
  created() {
    this.times = showTime();
    clearTime = setInterval(() => {
      this.times = showTime();
    }, 1000);
  },
  data() {
    return {
      times: '',
    };
  },
  destroyed() {
    clearInterval(clearTime);
  },
};
</script>