ホームページ > 記事 > ウェブフロントエンド > 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>