轻设计 / 轻生活 / 轻日记 / 轻梦想 === zhoumojianshe ===
© 优特良品&优特建站出品 | Powered by YOUTIY
苏ICP备13018047号-1
setInterval、setTimeout的使用【js】
TAGS: js
以前写定时器的时候,总是习惯直接
setInterval("fn()",2000); 

最近碰到个问题,在使用jquery写定时器时,总是会出现fn不存在的错误提示,如下
$(function(){setInterval("fn()",2000);}) 

解决方法是去掉引号和括号,采用最原始的方法
$(function(){setInterval(fn,2000);}) 

另外一种就是在书写jq的扩展,如下
代码如下:
$(function(){ 
    $.extend({ 
        fn:function(){ 
            alert("im fn!"); 
        } 
    }); 
    setInterval("$.fn()",2000); 
});

以上写法都是没什么问题的。但是如果需要传递参数该如何?
像上面第一种写法,
$(function(){setInterval(fn,2000);}) 

如果写成
$(function(){setInterval(fn(para),2000);}) 

就报错了。这个比较经典,比较白痴。
这时你可以内置一个function,写成
$(function(){setInterval(function(){fn(para)},2000);}) 

这样也是可以的。
至于第二种方法如何传递,这就更简单了,我就不多说了。
发到博客仅当记忆使用,都是基础啊!也是初学者容易犯错的地方!

//========================
还是补充下第二种传参的方法。
先看段代码
代码如下:
$(function(){ 
    $start = 1; 
    $.extend({ 
        a:function(t){ 
        $index = t; 
        alert($index); 
        $start++; 
    } 
    }); 
    setInterval("$.a("+$start+")",2000); 
});

有一些人会尝试这么去写,结果是什么?结果就是alert出来的,一直是1,不会增加。这里需要注意的是setInterval里面的第一个参数,这是一个语句,用双引号括了起来,里面的东西会被解释成变量。如果按照上面的写法,相当于
setInterval("$.a(1)",2000); 

那么结果也就无可厚非了。正确的写法,当然是这样
代码如下:
$(function(){ 
    $start = 1; 
    $.extend({ 
    a:function(t){ 
            $index = t; 
            alert($index); 
            $start++; 
        } 
    }); 
    setInterval("$.a($start)",2000); 
});

这时$start才会被解释成变量。语句相当于function(){a(变量)},而不是function(){a(值)}。

周末
2021-09-24 12:26:02
标签云
网页设计 精致慢生活 感悟思语 我的旧年华
加偶微信