js使用setInterval实现倒计时

来源:互联网 发布:织梦cms使用教程 编辑:程序博客网 时间:2024/06/02 03:59

利用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 = 10function countdown() {document.getElementById("code").innerHTML = int + "秒后重新发送";int--;if(int<0){i=window.clearInterval(i)//结束int = 10; //重新赋值$("#code").removeAttr("disabled").html("重新获取校验码");//将按钮可用}}</script>


效果演示


作者:itmyhome


2 0
原创粉丝点击