发送短信验证码

51 阅读1分钟

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 = 发送验证码中的文字改为重新获取即可