您的位置:首页 > Web前端 > JavaScript

js使用setInterval实现倒计时

2015-05-19 22:14 561 查看
利用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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: