setInterval实现验证码倒数计时及与setTimeOut区别
来源:互联网 发布:c语言怎么设置flag 编辑:程序博客网 时间:2024/04/28 08:51
倒数计时,这是一个很常见的功能,现在大多在注册的时候都会使用手机接收验证码这种形式,回顾一下是有必要的。
有关于计时方面,在js中有两种方法,一个是setTimeOut(),另一个是setInterval()
简单说一下setTimeOut(),这个就好比我们平时设定的闹钟,到了什么时候就提醒一下你,只是这种形式是倒数的形式,类似咱们用cmd命令关机。
语法:
setTimeout("alert('闹钟响了');",2000);下面重点说一下setInterval(),这个方法相当于一个循环,在多少秒之后执行一次,知道clearInterval来清除定时器
语法:
setInterval(code,毫秒)倒计时的代码:
var num = 60;var i = setInterval(function() { num--; $("#sendCode").attr("disabled", true); //定时器启动将按钮设置为不可用 $("#sendCode").text(num+"秒");//改变button的文本内容 if (num ==0){ clearInterval(i);//清除定时器 $("#sendCode").text("重新获取");//此时定时器文本内容为重新获取 $("#sendCode").attr("disabled", false); //并且将按钮重新设好 }}, 1000);回顾当中发现,对于jquery的一些知识还要多了解一下
比如:
1.经常会使用到的获取标签内的文本内容 $("#id").text()
2.jq中属性和css中的内容
最后,讲到两者之间的区别,setTimeOut()只是在延时后执行一次,但是setInterval()则是执行多次,直到clearInterval清除
博文还有很多不足,希望大家多多交流,谢谢!!!
0 0
- setInterval实现验证码倒数计时及与setTimeOut区别
- setTimeout与setInterval的用法及区别
- setTimeout与setInterval区别
- setTimeOut与 setInterval区别
- setTimeout与setInterval区别
- setTimeout与setInterval区别
- setInterval与setTimeout区别
- setTimeout与setInterval区别
- setInterval() 与setTimeOut区别
- SetInterval与SetTimeout区别
- setTimeout与setInterval区别
- setTimeout()与setInterval()方法区别
- 谈setTimeout 与 setInterval区别
- setTImeout 与 setInterval的区别
- setInterval与setTimeout区别详解
- SetInterval()与setTimeout()的区别
- setTimeout()与setInterval()的区别
- setInterval与setTimeout区别详解
- Android IPC 通信 (二)
- JS去掉空格
- centos 6.5下rpm yum仓库在线安装mysql5.7 非编译
- 关于android.view.WindowLeaked异常的解决方案
- 求子数组的最大和
- setInterval实现验证码倒数计时及与setTimeOut区别
- Javascript 识别iPhone、Android移动手机
- 驰骋工作流引擎-总体介绍
- Linux spi驱动分析(一)----总线驱动
- 并发闲聊–数据可见性
- easyui validatebox 验证集合
- 几款JavaScript开发框架、开发库
- iOS 图片等比压缩到指定尺寸
- RESTful Web 服务四种操作POST/DELETE/PUT/GET