版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/fujian9544/article/details/89555588
JS代码
<!DOCTYPE html>
<html>
<head>
<title>倒计时 按钮失效</title>
</head>
<body onload="secfunc()">
<form>
<input type="button" name="button" id="one" value="确定" />
</form>
</body>
</html>
<script type="text/javascript">
var sec=10000;
var timer=null;
var one=null;
function secfunc(){
console.log(sec);
sec=sec-1000;
if(sec<0){
one=document.getElementById("one");
one.disabled=true;
alert("time out");
clearTimeout(timer);
}else{
timer=setTimeout("secfunc(sec)",1000);
}
}
</script>jQuery代码
<!DOCTYPE html>
<html>
<head>
<title>倒计时 按钮失效</title>
</head>
<body onload="secfunc()">
<form>
<input type="button" name="button" id="one" value="确定" />
</form>
</body>
</html>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script type="text/javascript">
var sec=10000;
var timer=null;
var one=null;
function secfunc(){
console.log(sec);
sec=sec-1000;
if(sec<0){
one=$("#one");
one.attr('disabled',"true");
alert("time out");
clearTimeout(timer);
}else{
timer=setTimeout("secfunc(sec)",1000);
}
}
</script>
效果
