vue中 js 如何在定时器中做倒计时

在Vue中，你可以使用`setInterval()`函数来设置定时器，然后在定时器中更新倒计时的值。下面是一个简单的示例代码：

<template>
  <div>
    {{ countdown }}
  </div>
</template>

<script>
export default {
  data() {
    return {
      countdown: ''
    }
  },
  mounted() {
    // 设置定时器，每秒更新倒计时的值
    setInterval(() => {
      let countDownDate = new Date("Dec 31, 2021 23:59:59").getTime();
      let now = new Date().getTime();
      let distance = countDownDate - now;
      let days = Math.floor(distance / (1000 * 60 * 60 * 24));
      let hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
      let minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
      let seconds = Math.floor((distance % (1000 * 60)) / 1000);
      this.countdown = days + "d " + hours + "h " + minutes + "m " + seconds + "s ";
    }, 1000);
  }
}
</script>

在这个示例中，我们在定时器中使用`new Date()`函数来获取当前时间和倒计时结束时间，然后计算它们之间的时间差，最后更新`countdown`变量的值。这个变量绑定在模板中，用于显示倒计时。