全部代码展示:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-- 网页显示的用键 -->
手机电话号码:
<input type="text">
<button>发送</button>
<script>
//获取按钮的元素:
var bt=document.querySelector("button");
//给按钮添加click事件:
bt.addEventListener("click",
function(){
bt.disabled = true; //按钮不能用
var time = 59; //倒计时时间
//创建定时器setInterval
var timer=setInterval(function(){
if(time == 0)
{
bt.disabled=false; //按钮可以用
bt.innerHTML="发送"; //改变文字效果及内容
clearInterval(timer);//清除定时器效果clearInterval
}
else
{
bt.innerHTML="还剩"+time+"秒";
time--;
}
},1000);//每隔1s调用一次
})
</script>
</body>
</html>