vue3 倒计时功能

最新推荐文章于 2024-06-07 16:03:32 发布

Hello^_^Monkey

最新推荐文章于 2024-06-07 16:03:32 发布

阅读量4k

点赞数 4

分类专栏： VUE3 文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/weixin_48010432/article/details/125540914

版权

VUE3 专栏收录该内容

4 篇文章 1 订阅

订阅专栏

const showDialog = ref(false); //显示/隐藏 忘记密码弹层
const timer = ref(60); //倒计时
const showTimer = ref(false);
const benginTimer = () => {
  showTimer.value = true;

  const times = setInterval(() => {
    if (timer.value === 0) {
      clearInterval(times);
      showTimer.value = false;
      timer.value = 60;
      return;
    } else if (!showDialog.value) {
      // 弹层关闭 清空倒计时
      timer.value = 60;
      showTimer.value = false;
      return;
    } else {
      timer.value--;
    }
  }, 1000);
};