vue2 v-for 如何倒计时

Question

现有一个开始时间的字符串数组

arr = ["2022/3/21 18:00", "2022/3/21 18:50", "2022/3/21 19:30"];

如何实现倒计时功能呢？

<li v-for="item in arr">{{”距离开始还有“+countdown}}</li>

Answer 1

      let arr = ["2022/3/21 18:00", "2022/3/21 18:50", "2022/3/21 19:30"];
      let newArr = [];
      setInterval(() => {
        newArr = arr.map(item => {
          return (new Date(item).getTime() - new Date().getTime()) / 1000
        })
        console.log(newArr)
      }, 1000)

最终得到的是距离开始时间的秒数，如果你想要时分秒格式的话，可以在做一下格式化