iT邦幫忙

1

Vue/js 使用 setInterval 如何印出值?

  • 分享至 

  • xImage

我目的是因為 table 每一筆資料都有個時間的數據~
我要把這個數據跟現在的數據相減後 取得還剩下多少時間
也能夠即時顯示在 table,剩餘 5 分 12 秒...之類的

{{ setTime(row) }}
setTime(row) {
      setInterval(() => {
        console.log(this.countDown(row))
      }, 1000);
    },
    countDown(row) {
      // 假設 return '123';
    },

我想讓每一條 row 的 countDown 每一秒執行一次
雖然 console.log(this.countDown(row)) 可以取到 123

但假設我 setTime 改成這樣,就無法取得 123?!

setTime(row) {
      let abc = ``
      setInterval(() => {
        abc = this.countDown(row)
      }, 1000);
      return abc
    },

and

setTime(row) {
      setInterval(() => {
        return this.countDown(row)
      }, 1000);
    },
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 個回答

2
dragonH
iT邦超人 5 級 ‧ 2020-04-27 15:01:01
最佳解答

我不知道你為什麼要這樣寫

給你參考

codepen

火爆浪子 iT邦研究生 1 級 ‧ 2020-04-27 15:05:02 檢舉

我目的是因為 table 每一筆資料都有個時間的數據~
我要把這個數據跟現在的數據相減後 取得還剩下多少時間
也能夠即時顯示在 table,剩餘 5 分 12 秒...之類的

dragonH iT邦超人 5 級 ‧ 2020-04-27 15:54:01 檢舉

松松

codepen 我改個大概了

自己參考吧

火爆浪子 iT邦研究生 1 級 ‧ 2020-04-27 15:56:00 檢舉

感謝 我來研究

我要發表回答

立即登入回答