利用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>
- 转自blog.ytso.com/article/details/45849669
原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/tech/pnotes/11218.html