js使用setInterval实现倒计时

标签：js   setinterval   倒计时   

利用setInterval制作简单的js倒计时，点击按钮将触发定时器且按钮不可用

html：

<button id="code" class="btn btn-default" onclick="getCode();">获取校验码</button>

<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

js使用setInterval实现倒计时

标签：js   setinterval   倒计时   

原文地址：http://blog.csdn.net/itmyhome1990/article/details/45849669