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

相关内容

热门资讯

华数传媒涨0.31%,成交额5... 6月15日,华数传媒涨0.31%,成交额5634.33万元,换手率0.51%,总市值120.44亿元...
宏力达股价连续3天上涨累计涨幅... 6月15日,宏力达涨1.03%,截至发稿,报39.08元/股,成交7953.17万元,换手率1.47...
博瑞传播涨0.73%,成交额5... 6月15日,博瑞传播涨0.73%,成交额5293.66万元,换手率1.17%,总市值45.15亿元。...
联美控股涨2.52%,成交额5... 6月15日,联美控股涨2.52%,成交额5771.41万元,换手率0.42%,总市值138.03亿元...
多利科技股价连续10天下跌累计... 6月15日,多利科技跌0.98%,截至发稿,报18.19元/股,成交1.06亿元,换手率3.27%,...