js使用setInterval实现倒计时

2015-07-19 0 630
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>  

遇见资源网 js/jquery js使用setInterval实现倒计时 http://www.ox520.com/11246.html

常见问题

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务