设置定时器：

t1=setTimeout(f,t);//一次定时器，设置经过t时间后，执行f方法
t2=setInterval(f,t);//循环计时器，设置每次经过t时间后，执行f方法

清除定时器

clearTimeout(t1);
clearInterval(t2);

两种清除方式都可以清除通过setTimeout和setInterval设置的定时器(两种方式在设置定时器的时候有区别，清除定时器的时候没有区别)

例1：

<script type="text/javascript">
   var timer1=window.setTimeout(function(){},1000);  //timer1=1 当前是第一个定时器
   var timer2=window.setTimeout(function(){},1000);  //timer2=2 当前是第二个定时器
   window.clearTimeout(timer1); //->把第一个定时器清除掉,这里也可以用window.clearInterval(timer1)、window.clearTimeout(1)、window.clearInterval(timer1);
  var timer3=window.setTimeout(function(){},1000);   //timer3=3 当前是第三个定时器 ,虽然上面的定时器timer1清除掉了,但是号还是继续往后排的;
</script>

例2：

方法1：函数不在$(function(){....})内

<script type="text/javascript">
var t,n,count = 0;
$(function(){ t = setInterval("showAuto()", 1000); })
function showAuto(){ $('#ind').html(count++); }
</script>

方法2：函数在$(function(){....})内

<script type="text/javascript">
var t,n,count = 0;
$(function(){
function showAuto(){ $('#ind').html(count++); }
t = setInterval(showAuto, 1000); 
})
</script>

方法3、定时器中函数不能传参的解决方法

<script type="text/javascript">
var num = 0;
function slideRun(x){
     scrollImg.animate({top:- h * x + "px"},{duration:500,queue:false});
     $(".slideNumber span").removeClass("on").eq(num).addClass("on");
     num++;
}
var timer = setInterval(function(){slideRun(num)}, 500); //要给函数用闭包的形势
</script>

关于闭包问题，详见下一篇博客。

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------

<!DOCTYPE html>
<html>
<head>
<script src="jquery.js"></script>
<script type="text/javascript">
$(function(){
	$("#btn").click(function(){
		invokeSettime($(this));

	});
});


function invokeSettime(obj){
    var countdown=60;
    settime(obj);
    function settime(obj) {
        if (countdown == 0) {
            obj.attr("disabled",false);
            obj.text("获取验证码");
            countdown = 60;
            return;
        } else {
            obj.attr("disabled",true);
            obj.text("(" + countdown + ") s 重新发送");
            countdown--;
        }
        setTimeout(function() {
                    settime(obj) }
                ,1000)
    }
}

</script>
<body>
    <button id="btn" type="button">获取验证码</button>
</body>
</html>


jquery 动态时间 jquery设置定时器_ide

      

jquery 动态时间 jquery设置定时器_javascript_02