setInterval实现验证码倒数计时及与setTimeOut区别

倒数计时，这是一个很常见的功能，现在大多在注册的时候都会使用手机接收验证码这种形式，回顾一下是有必要的。

有关于计时方面，在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清除

博文还有很多不足，希望大家多多交流，谢谢！！！