代码在自己的编辑器上跑起来了
来源：3-4 编程练习
sayHi被注册
2019-04-01 22:13
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<!-- 任务
第一步、获取按钮、绑定事件、设置定时器变量和计时变量
第二步、添加定时器，每隔1秒钟计时减 1，直至当计时小于等于 0 时清除定时器，按钮恢复为“发送验证码”，否则显示为“X秒后重试” -->
<script type="text/javascript">
window.onload = function () {
var send = document.getElementById('send'),
times = 60,
timer = null;
send.onclick = function () {
// 计时开始
timer =setInterval(function(){
send.value=times+"秒后重试"
document.getElementById("send").disabled=true;
times--;
if(times<=0){
clearInterval(timer);
document.getElementById("send").disabled=false;
send.value="发送验证码";
}
},1000);
}
}
</script>
</head>
<body>
<input type="button" id="send" value="发送验证码">
</body>
</html>
写回答
关注
1回答
-
- 余华细雨
- 2019-05-29 20:40:03
在设置定时器之前，要先清除准备执行的定时器
Tab选项卡切换效果
本课程详细介绍网页页面中最流行常用的tab切换效果
65469 学习 · 533 问题
相似问题