1️⃣
需求: 点击发送验证码后显示xxs,到时间后返回原样
需要用到:定时器 改变元素(innerHTML)
const m = document.querySelector('.m')
m.addEventListener('click', function () {
let i = 60;
//点击后立即反应
m.innerHTML = `${i}s`;
let tid = setInterval(function () {
i--;
m.innerHTML = `${i}s`;
if (i === 0) {
//时间到后,暂停定时器计数
clearInterval(tid);
//返回按钮原样
m.innerHTML = `发送验证码`
}
}, 1000)
})
如果有的情况下需要在时间到后,显示重新获取,就把m.innerHTML = 发送验证码中的文字改为重新获取即可