美文网首页
new Date()

new Date()

作者: sweetBoy_9126 | 来源:发表于2019-02-22 20:00 被阅读2次

生成的值不会变,只是每次刷新页面生成了一个新的new Date
所以当我们使用的时候如果想更改new Date()的值就要每次赋值一个新的new Date()给一个变量或者属性,因为new Date()是一个对象,所以每次赋值一个new Date()就相当于生成一个新的引用地址

new Vue({
      el: '#app',
      data: {
        newDate: new Date(),
        stopDate: new Date('2019-10-01 00:00')
      },
      methods: {
        getTimer(){
          //这里每次打印出来的都是同一个时间
          console.log(this.newDate)
          setTimeout(this.getTimer, 1000)
        }
      },
      created(){
        this.getTimer()
      }
    })

获得不同的时间,每次把新的new Date()赋值给一个变量或属性

new Vue({
      el: '#app',
      data: {
        newDate: null,
        stopDate: new Date('2019-10-01 00:00')
      },
      methods: {
        getTimer(){
          //这里每次都把一个新的new Date()对象赋值给this.newDate,每次生成的都是不一样的时间
          this.newDate = new Date()
          setTimeout(this.getTimer, 1000)
        }
      },
      created(){
        this.getTimer()
      }
    })

相关文章

网友评论

      本文标题:new Date()

      本文链接:https://www.haomeiwen.com/subject/mrlyyqtx.html