实现 ~ 按钮倒计时 ~ 表现
创始人
2024-02-21 23:11:46

前提:因为一页有两个按钮要做倒计时,且时间、内容不一,就稍微改动了下代码,写了下函数形式,比较方便,比较适应变数
(以下是vue背景下)
HTML:

*4.短信验证码

JS:

data: {sms: "",sendModel: { // 短信验证码信息countNum: 60,countFlag: false, intervalBtn: {}, // 定时器btnMsg: '获取验证码' },
},methods: {// 倒计时countDown(value, time) {value.btnMsg = nullvalue.countFlag = !value.countFlag // 更改btn状态// 设置倒计时value.intervalBtn = setInterval(() => {if (value.countNum <= 0) {value.btnMsg = '获取验证码'clearInterval(value.intervalBtn) // 清除定时器value.countFlag = !value.countFlagvalue.countNum = time};// 倒计时value.countNum--}, 1000)},getSms() {const value = this.sendModel;this.countDown(value, 60); // 对接接口// ...},
}

相关内容

热门资讯

重大通报作弊器!乐乐上海麻将a... 重大通报作弊器!乐乐上海麻将ai智能透视辅助插件,乐乐上海麻将本来存在有外挂(有辅助挂方略)1、很好...
分享给玩家透视挂!家乡大贰ai... 分享给玩家透视挂!家乡大贰ai智能透视辅助工具,家乡大贰其实真的有外挂(有辅助挂细节)家乡大贰破解侠...
科普攻略开挂!英豪娱乐城ai智... 科普攻略开挂!英豪娱乐城ai智能透视辅助教程,英豪娱乐城好像真的是有外挂(有辅助挂头条)1、英豪娱乐...
总算了解辅助器!和悦游戏ai智... 总算了解辅助器!和悦游戏ai智能透视辅助教程,和悦游戏确实是真的有外挂(竟然有辅助挂)暗藏猫腻,小编...
揭秘关于辅助器!九九麻将ai智... 揭秘关于辅助器!九九麻将ai智能透视辅助技巧,九九麻将一贯是有外挂(有辅助挂方略)1、用户打开应用后...