成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

JS setTimeout 與 setInterval

wupengyu / 2561人閱讀

摘要:它們將被傳入推遲執(zhí)行的函數(shù)以下不支持更多的參數(shù),可以用或?qū)崿F(xiàn)被推遲執(zhí)行的回調(diào)函數(shù)是在全局環(huán)境執(zhí)行,這有可能不同于函數(shù)定義時(shí)的上下文環(huán)境。

事件流逝觸發(fā)的事件

這類事件不是基于用戶針對(duì)可見Web頁面元素執(zhí)行的行為,而是基于時(shí)間的流逝。
和JavaScript中所有其他事件一樣,這些時(shí)間流逝事件也是由函數(shù)處理的。

setTimeout()

撿重點(diǎn)說了

setTimeout允許添加更多的參數(shù)。它們將被傳入推遲執(zhí)行的函數(shù)

        setTimeout(function(a,b){
            alert(a+b);
        },1000,2,5)            // 7

IE9以下不支持更多的參數(shù),可以用apply或bind實(shí)現(xiàn)

setTimeout推遲執(zhí)行的回調(diào)函數(shù)是在全局環(huán)境執(zhí)行,這有可能不同于函數(shù)定義時(shí)的上下文環(huán)境。

        var x = 1;
        var o = {
            x: 2,
            y:function(){console.log(this.x);}
        };
        
        setTimeout(o.y,1000);        // 1
        
        // 另一個(gè)例子
        
        function User(login) {
          this.login = login;
          this.sayHi = function() {
            console.log(this.login);
          }
        }
        
        var user = new User("John");       
        setTimeout(user.sayHi, 1000);

this.login會(huì)報(bào)錯(cuò),因?yàn)槿〔坏街怠?/p>

一種解決方法是將user.sayHi放在函數(shù)作用域內(nèi)執(zhí)行,而不是在全局作用域中。

       setTimeout(function(){
            user.sayHi();
        }, 1000);    // "John"

另一種方法,就是采用閉包,將this與當(dāng)前作用域綁定。

        document.getElementById("click-ok").onclick = function() {
          var self = this;
          setTimeout(function() { 
            self.value="OK";
          }, 100);
        }
        // setTimeout指定的函數(shù)中的this,總是指向定義時(shí)所在的DOM節(jié)點(diǎn)。
        
setInterval()

setInterval指定某個(gè)任務(wù)每隔一段時(shí)間就執(zhí)行一次,也就是無限次的定時(shí)執(zhí)行。

    
                    
閱讀需要支付1元查看
<