js定时器实现一个网页时钟，直接贴代码（Vue框架环境）

<template>
  <div>
    <div class="he-sjzt">
      <div class="he-xs">{{ dateTime }}</div>
      <div class="he-nyr">{{ yearTime }}</div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dateTime: "",
      yearTime: "",
    };
  },
  mounted() {
    this.time();
  },
  methods: {
    time() {
      // 获取当前时间
      window.setInterval(() => {
        const yy = new Date().getFullYear();
        const mm =
          new Date().getMonth() + 1 < 10
            ? "0" + (new Date().getMonth() + 1)
            : new Date().getMonth() + 1;
        const dd =
          new Date().getDate() < 10
            ? "0" + new Date().getDate()
            : new Date().getDate();
        const hh = new Date().getHours();
        const mf =
          new Date().getMinutes() < 10
            ? "0" + new Date().getMinutes()
            : new Date().getMinutes();
        const ss =
          new Date().getSeconds() < 10
            ? "0" + new Date().getSeconds()
            : new Date().getSeconds();
        this.yearTime = yy + "-" + mm + "-" + dd;
        this.dateTime = hh + ":" + mf + ":" + ss;
      }, 1000);
    },
  }
};
</script>

<style scoped>
.he-sjzt {
  position: absolute;
  top: 17px;
  display: inline-block;
  width: 100px;
}
.he-xs {
  font-size: 22px;
  font-weight: 400;
  text-align: center;
}
.he-nyr {
  font-size: 16px;
  font-weight: 400;
  text-align: center;
}
</style>