vue3 倒计时功能

  • Post author:
  • Post category:vue


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);
};



版权声明:本文为weixin_48010432原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。