當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
JS按钮失效
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>效果?
總結
- 上一篇： 莫愁花储蓄卡类型怎么填
- 下一篇： 立昂微公司的行业地位 技术行业领先