vue 倒计时

 <div class="top">
    <div class="delay">剩余时间</div>
     <div class="time">{{ countdownText }}</div>
     <div v-if="isLastTenMinutes" style="color:red;margin:10px 5%;">
     注意：距离考试结束还有不到10分钟，请尽快完成答题！
</div>

countdownText: "",
isLastTenMinutes: false,
targetTimestamp: 0, // 添加默认值
countdownTimer: null, // 定时器ID

 updateCountdown() {
      setTimeout(() => {
        this.$API
          .getExamCountDown({ examId: this.params.examId })
          .then((res) => {
            // 获取到的时间戳
            this.targetTimestamp = res;

            // 清空之前的定时器
            clearInterval(this.countdownTimer);

            // 更新倒计时
            this.countdownTimer = setInterval(() => {
              const now = Date.now();
              const remainingTime = this.targetTimestamp - now;

              if (remainingTime <= 0) {
                // 时间到了，执行相应操作
                // clearInterval(this.countdownTimer);
                this.$API.submitPaper(this.resDataParams).then((res) => {
                  if (res) {
                    this.$message({
                      type: "success",
                      message: "交卷成功!",
                    });
                    this.$router.push({ path: "/exam",query: { fullscreen: false },});
                    window.location.reload()
                  }
                });
              } else {
                const hours = Math.floor(remainingTime / 1000 / 60 / 60);
                const minutes = Math.floor(remainingTime / 1000 / 60);
                const seconds = Math.floor((remainingTime / 1000) % 60);

                const formattedHours = String(hours).padStart(2, "0");
                // 将剩余的分钟数转换为小于60的数值，分别获取小时数和不足一小时的分钟数
                const formattedMinutes = String(Math.floor(minutes % 60)).padStart(2, "0");
                const formattedSeconds = String(Math.floor(seconds % 60)).padStart(2, "0");
                this.countdownText = `${formattedHours}:${formattedMinutes}:${formattedSeconds}`;

                if (remainingTime <= 10 * 60 * 1000) {
                  this.isLastTenMinutes = true;
                }
              }
            }, 1000);
          });
      }, 1000);
    },