html部分
通过点击事件调用“shiJian()”
<span class="date" onclick="shiJian()">发送验证码</span>
js部分
var date_ = document.getElementsByClassName('date')[0];
var num = 60;
var timer = null;
function shiJian() {
clearInterval(timer);//阻止计时器叠加
timer = setInterval(function () {
num--;
date_.innerHTML = `(${num}秒)重发`//计时器开始向页面输出内容
// 当num == 0 的时候 清除计时器
if (num == 0) {
clearInterval(timer);
num = 60;
date_.innerHTML = `发送验证码`//计时器结束,向页面输出内容
}
}, 1000)
}