实现 ~ 按钮倒计时 ~ 表现
创始人
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); // 对接接口// ...},
}

相关内容

热门资讯

力源科技签署5498万元核电设... 2月9日,力源科技(维权)(688565)发布公告,公司作为卖方与上海核工程研究设计院股份有限公司签...
读书周刊|去世五年后琼·狄迪恩... 转自:扬子晚报在2026年的开年,一本名为《奇想之年》的书引爆了大众泪点,热度和销量已在各图书类榜单...
三元生物获高新技术企业证书 享... 2月9日,三元生物(301206)发布公告,公司近日收到《高新技术企业证书》,将使公司在2025年度...
南玻A:截至2026年1月30... 投资者提问:董秘你好,请问截止到2026年1月30日,贵公司股东户数是多少?谢谢啦!!!董秘回答(南...
湖南省电力有限公司原一级协理胡... 稿源:掌上长沙2026-02-09 16:03   长沙晚报掌...