js获取utc时间

最新推荐文章于 2024-07-23 17:20:49 发布

今晚来我家吗

最新推荐文章于 2024-07-23 17:20:49 发布

阅读量4k

点赞数

分类专栏： js js获取utc时间请求接口utc时间文章标签： javascript

本文链接：https://blog.csdn.net/qq_43059898/article/details/109902882

版权

js 同时被 3 个专栏收录

19 篇文章 0 订阅

订阅专栏

js获取utc时间

1 篇文章 0 订阅

订阅专栏

请求接口utc时间

1 篇文章 0 订阅

订阅专栏

    utc时间:<div id="id"></div> </br></br>

      let d = new Date();
      console.log(d.toUTCString());

  function formatDate(t) {
      return t <= 9 ? "0" + t : t;
    }
    function dateTiem() {
      let date = new Date();
      date.toUTCString();
      let month = (date.getMonth() + 1).toString().padStart(2, "0");
      let strDate = date.getDate().toString().padStart(2, "0");
      document.getElementById(
        "id"
      ).innerText = `${date.getFullYear()} - ${month} - ${strDate} ${date.getHours()} : ${this.formatDate(
        date.getMinutes()
      )} : ${this.formatDate(date.getSeconds())}`;
      setTimeout(() => {
        this.dateTiem();
      }, 1000);
    }

    this.dateTiem();

使用
<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <!-- import CSS -->
  <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
</head>

<body>
  <div id="app">

    utc时间:<div>{{time}}</div>
  </div>
</body>
<!-- import Vue before Element -->
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<!-- import JavaScript -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script>
  new Vue({
    el: '#app',
    data: function () {
      return {
        time: null,
      }
    },
    created() {
      setInterval(() => {
      // 假设定时调用接口获取时间
      console.log('定时');
      this.getDate();
    }, 5000);

    setInterval(() => {
      if(this.time) {
        this.dateTiem()
      }
      }, 1000);

    },
    methods: {

      getDate() {
        this.time = '2020-11-25 11:11:11';
      },

      
      formatDate(t) {
      return t <= 9 ? "0" + t : t;
    },

    dateTiem() {
      let d = (new Date(this.time).getTime()) + 1000;
      let date = new Date(d);
      console.log(date);
      let month = (date.getMonth() + 1).toString();
      let strDate = date.getDate().toString().padStart(2, "0");
    this.time = `${date.getFullYear()}-${month}-${strDate} ${date.getHours()}:${this.formatDate(
      date.getMinutes()
      )}:${this.formatDate(date.getSeconds())}`;
    }
    },
  })
</script>

</html>