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

前提：因为一页有两个按钮要做倒计时，且时间、内容不一，就稍微改动了下代码，写了下函数形式，比较方便，比较适应变数
（以下是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); // 对接接口// ...},
}

上一篇：夫妻创业小本生意,夫妻没经验开什么店好 现在夫妻开什么店生意好投资小 夫妻创业不加盟应该做什么

下一篇：【华为OD机试真题 python】最长广播效应【2022 Q4 | 200分】

相关内容

热门资讯

美联储议息仍“按兵不动”，中国... 　　中新经纬5月8日电 (张澍楠 万可义)刚刚，美联储宣布，维持基准利率不变。美联储继续“按兵不动”...
恒林家居股份有限公司关于控股股... 证券代码：603661 证券简称：恒林股份 公告编号：2025-021恒林家居股份有限公司关于控股...
江苏洪田科技股份有限公司关于延... 证券代码：603800 证券简称：洪田股份（维权） 公告编号：2025-029江苏洪田科技股份有限...
维科技术股份有限公司2024年... 证券代码：600152 证券简称：维科技术 公告编号：2025-023维科技术股份有限公司2024...
无锡航亚科技股份有限公司202... 证券代码：688510 证券简称：航亚科技 公告编号：2025-027无锡航亚科技股份有限公司20...
烟台中宠食品股份有限公司关于持... 证券代码：002891 证券简称：中宠股份 公告编号：2025-035债券代码：127076 债券...
中曼石油天然气集团股份有限公司... 证券代码：603619 股票简称：中曼石油 公告编号：2025-026中曼石油天然气集团股份有限公...
深圳普门科技股份有限公司202... 证券代码：688389 证券简称：普门科技 公告编号：2025-040深圳普门科技股份有限公司20...
“空中博物馆”首航成都 转自：成都日报锦观“空中博物馆”首航成都“上博号”开启“航空+文旅”出行新体验 以唐代画家孙位...
金冠电气股份有限公司关于5%以... 证券代码：688517 证券简称：金冠电气 公告编号：2025-025金冠电气股份有限公司关于5%...
福建省燕京惠泉啤酒股份有限公司... 证券代码：600573 证券简称：惠泉啤酒 公告编号：2025-010福建省燕京惠泉啤酒股份有限公...
上海网达软件股份有限公司202... 证券代码：603189 证券简称：网达软件 公告编号：2025-019上海网达软件股份有限公司20...
山东高速股份有限公司关于回购股... 证券代码：600350 证券简称：山东高速 公告编号：2025-029山东高速股份有限公司关于回购...
深圳市景旺电子股份有限公司关于... 证券代码：603228 证券简称：景旺电子 公告编号:2025-041债券代码：113669 债券...
睡不着时闭目养神，有休息效果吗... 很多人到了一定年纪，或者压力比较大时，会出现入睡困难、失眠等情况。当睡不着时，闭目养神有休息效果吗？...
易方达高股息量化选股股票型发起... 公告送出日期：2025年5月8日1.公告基本信息■注：A类份额基金代码为021049，C类份额基金代...
初夏+观鸟 这是什么逍遥组合，... 转自：成都日报锦观初夏+观鸟 这是什么逍遥组合，冲！ 新华社记者在康定拍摄到的绿尾虹雉。它是中...
关于调整招商纳斯达克100交易... 公告送出日期：2025年5月8日1、公告基本信息■注：暂停大额定期定额投资起始日：2025年5月8日...
12355青少年服务台开通中高... 转自：成都日报锦观12355青少年服务台开通中高考减压专线 本报讯 （成都日报锦观新闻记者 ...
深化“一码检查”机制 以规范执... 转自：成都日报锦观新都区应急管理局：深化“一码检查”机制 以规范执法筑牢廉政防线 本报讯 （...