js使用setInterval实现倒计时
来源:互联网 发布:织梦cms使用教程 编辑:程序博客网 时间:2024/06/02 03:59
利用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 = 10function countdown() {document.getElementById("code").innerHTML = int + "秒后重新发送";int--;if(int<0){i=window.clearInterval(i)//结束int = 10; //重新赋值$("#code").removeAttr("disabled").html("重新获取校验码");//将按钮可用}}</script>
效果演示
作者:itmyhome
2 0
- js使用setInterval实现倒计时
- js 实现时间倒计时和setInterval用法
- 倒计时setInterval()的使用
- js中利用setInterval实现简单的倒计时
- JS 指定天数倒计时 setInterval()
- JS setInterval()函数 [倒计时用]
- 使用setInterval()方法做一个倒计时
- Js setInterval使用
- js计时器实现计时setInterval
- 小黑小波比.js中setInterval用法倒计时,用于验证码
- js定时器setInterval()的使用
- JS实现倒计时
- js实现倒计时
- js实现考试倒计时
- js实现考试倒计时
- JS实现网站倒计时
- js+php实现倒计时
- JS实现倒计时
- Java 一个关于魔兽世界5人小队的组合问题
- ubuntu 安装Git
- RankNet学习思路
- Xcode大纲视图中的项目为灰色
- LeeCode 连接两个有序单链表
- js使用setInterval实现倒计时
- 统计二进制数中1 的个数
- 通过分析SQL语句的执行计划优化SQL(总结)
- opengl(一)
- 【OpenCV】入门资源和学习博客列表
- CodeForces—301A—Combination Lock
- hdu1198 Farm Irrigation DFS
- android property
- LeeCode 删除数组中某一特定值的元素,并返回新的数组长度