利用setInterval制作简单的js倒计时,点击按钮将触发定时器且按钮不可用
html:
<button id="code" class="btn btn-default" onclick="getCode();">获取校验码</button>
JS:
<script type="text/javascript"> var i; function getCode(){ $("#code").attr({"disabled":"disabled"}); i = self.setInterval("countdown()", 1000); } var int = 10 function countdown() { document.getElementById("code").innerHTML = int + "秒后重新发送"; int--; if(int<0){ i=window.clearInterval(i)//结束 int = 10; //重新赋值 $("#code").removeAttr("disabled").html("重新获取校验码");//将按钮可用 } } </script>
作者:itmyhome
再分享一下我老师大神的人工智能教程吧。零基础!通俗易懂!风趣幽默!还带黄段子!希望你也加入到我们人工智能的队伍中来!https://blog.csdn.net/jiangjunshow