动态倒计时

该代码段展示了如何使用JavaScript实现一个动态倒计时功能,用于在特定秒数后重试操作。它通过传入的参数diffTime动态计算分钟和秒数,并更新显示文本,当倒计时结束时,恢复按钮功能并显示初始文本。
摘要由CSDN通过智能技术生成

// 此方法是动态的倒计时,通过描秒数计算的,count为参数,

getTimer(diffTime) {

if (diffTime > 0) {

this.disabled = true

this.countdownTime = setInterval(() => {

let diffM =

Math.floor(diffTime / 60) > 9 ?

Math.floor(diffTime / 60) :

`0${Math.floor(diffTime / 60)}`;

let diffS =

Math.floor(diffTime % 60) > 9 ?

Math.floor(diffTime % 60) :

`0${Math.floor(diffTime % 60)}`;

// this.countdownTxt = diffS == '00' ? `${diffTime}秒后重试` :`${diffS}秒后重试`;

this.countdownTxt = `${diffS == '00' ? diffTime : diffS}秒后重试`;

diffTime--;

if (diffTime < 0) {

clearInterval(this.countdownTime);

this.countdownTxt = '获取验证码'

this.disabled = false

return;

}

}, 1000);

}

},

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值