js使用setInterval实现倒计时
2015-05-19 22:14
561 查看
利用setInterval制作简单的js倒计时,点击按钮将触发定时器且按钮不可用
html:
JS:
效果演示
作者:itmyhome
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
相关文章推荐
- js使用setInterval实现倒计时
- js使用setInterval实现倒计时
- 【JavaScript】使用定时器实现Js的延期执行或重复执行setTimeout,setInterval
- 【JavaScript】使用定时器实现Js的延期执行或重复执行setTimeout,setInterval
- 【JavaScript】使用定时器实现Js的延期执行或重复执行setTimeout,setInterval
- js 实现时间倒计时和setInterval用法
- 使用JS实现倒计时功能(http://www.cnblogs.com/doll-net)
- 使用JS实现倒计时功能(http://www.cnblogs.com/doll-net)
- 使用JS实现倒计时(在页面上动态的显示)
- 使用定时器实现Js的延期执行或重复执行setTimeout,setInterval
- 【JavaScript】使用定时器实现Js的延期执行或重复执行setTimeout,setInterval
- 使用js实现显示系统当前时间并实现倒计时功能并触发模态框(遮罩)功能
- js中利用setInterval实现简单的倒计时
- 原创:微信小程序+WEB使用JS实现注册【60s】倒计时功能
- 微信小程序+WEB使用JS实现注册【60s】倒计时功能
- 微信小程序+WEB使用JS实现注册【60s】倒计时功能
- 微信小程序注册60s倒计时功能 使用JS实现注册60s倒计时功能
- js实现60秒倒计时效果(使用了jQuery)
- 利用moment为基础,基于DOM实现一个多个倒计时同时进行的js库方便使用
- 使用js画布(canvas)实现倒计时特效