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
原创粉丝点击