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

           

再分享一下我老师大神的人工智能教程吧。零基础！通俗易懂！风趣幽默！还带黄段子！希望你也加入到我们人工智能的队伍中来！https://blog.csdn.net/jiangjunshow