1 运行结果
2 HTML结构
<body>
<label for="">手机号码:</label><input type="tel" name="" id="">
<button>发送验证码</button>
</body>
3 JavaScript 代码
<script>
var input = document.querySelector('input');
var btn = document.querySelector('button');
var time = 5;
var timer = null;
btn.addEventListener('click', function () {
btn.disabled = true;
callback();
timer = setInterval(callback, 1000);
});
function callback() {
if (time == 0) {
btn.disabled = false;
clearInterval(timer);
btn.innerHTML = '重新发送验证码';
}
else {
btn.innerHTML = '还剩' + time + '秒';
time--;
}
}
</script>