toLocaleTimeString()方法的使用

一只桃子~

已于 2022-07-22 16:08:52 修改

阅读量1.2k

点赞数

文章标签： vue.js html

于 2022-07-22 15:57:51 首次发布

本文链接：https://blog.csdn.net/qq_43405603/article/details/125934229

版权

new Date(); //创建当前中国标准时间
Fri Jul 22 2022 15:54:34 GMT+0800 (中国标准时间)

new Date().toLocaleTimeString()；//把上边时间转化成时分秒的字符串
'15:54:52'

具体用途，可以制作一个当前时分秒的倒计时

<template>
  <div>
    {{ time }}
  </div>
</template>
<script>
export default {
  data() {
    return {
      time: "",     //最终展示的时分秒
      setInter: "", //定时器
    };
  },
  created() {
    this.setInter = setInterval(() => {
      this.myTimer(); //每隔一秒刷新一次，就成时钟了
    }, 1000);
  },
  methods: {
    myTimer() {
      var d = new Date(); //获取当前时间
      this.time = d.toLocaleTimeString(); //把当前标准时间转换成时分秒
    },
  },
};
</script>
<style></style>