js使用setInterval实现倒计时
利用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
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。