首頁猿問 javascript使用setTi...

javascript使用setTimeout實(shí)現(xiàn)每隔一段時(shí)間輸出1~9的數(shù)字

JavaScript

12345678_0001 2018-12-06 12:18:56

window.onload = function() { var i = 0; for(var j = 0;j < 10;j++) { setTimeout(console.log(i),10000*i); i++; } }; 以上代碼期望在控制臺(tái)輸出1~9的數(shù)字，并且希望每隔一段時(shí)間輸出一個(gè)數(shù)字，而不是在控制臺(tái)一口氣輸出。但是以上代碼是錯(cuò)誤的，并不能保證每隔一段時(shí)間輸出，而是同一時(shí)間輸出。請(qǐng)問為什么？謝謝答復(fù)

查看完整描述

16 回答

茅侃侃

TA貢獻(xiàn)1842條經(jīng)驗(yàn) 獲得超22個(gè)贊

setTimeout的作用是將指定的代碼段在指定的時(shí)間中加入執(zhí)行隊(duì)列。

簡(jiǎn)單的做法是使用setInterval。

你的代碼等價(jià)于：

window.onload = function() {
      var i = 0;
      for(var j = 0;j < 10;j++) {
          setTimeout(new Function(console.log(i)),10000*i);
          i++;
       }
};

所以就直接執(zhí)行完了。

正確的寫法是：

window.onload = function() {
      var i = 0;
      for(var j = 0;j < 10;j++) {
          setTimeout(function(){console.log(i);i++;},10000*j);
       }
};

反對(duì) 回復(fù) 2018-12-24

不負(fù)相思意

TA貢獻(xiàn)1777條經(jīng)驗(yàn) 獲得超10個(gè)贊

setInterval(function(){ print your text?},3000);

反對(duì) 回復(fù) 2018-12-24

大話西游666

TA貢獻(xiàn)1817條經(jīng)驗(yàn) 獲得超14個(gè)贊

首先謝謝你的回答~其實(shí)setInterval的實(shí)現(xiàn)我已經(jīng)完成了，以下是完整代碼。我只是對(duì)setTimeout的相同功能實(shí)現(xiàn)比較好奇。而且重點(diǎn)是我沒有徹底弄明白，為什么我之前那樣寫setTimeout看不到延遲效果。

window.onload = function() {
                var i = 0;
                var bar = setInterval(test,1000);
                function test() {
                    console.log(i);
                    i++;
                    if(i == 10) {
                        clearInterval(bar);
                    }
                }
            };

反對(duì) 回復(fù) 2018-12-24

回首憶惘然

TA貢獻(xiàn)1847條經(jīng)驗(yàn) 獲得超11個(gè)贊

@Iwillknow:?要實(shí)現(xiàn)連接的定時(shí)，需要遞歸調(diào)用setTimeout

反對(duì) 回復(fù) 2018-12-24

忽然笑

TA貢獻(xiàn)1806條經(jīng)驗(yàn) 獲得超5個(gè)贊

我試了一下。這個(gè)應(yīng)該是for循環(huán)的原因，循環(huán)了就輸出了。而setTimeout根本沒起作用。

反對(duì) 回復(fù) 2018-12-24

慕虎7371278

TA貢獻(xiàn)1802條經(jīng)驗(yàn) 獲得超4個(gè)贊

使用setTimeout本身是沒有任何問題，通過時(shí)間間隔，同樣可以實(shí)現(xiàn)。但，第一個(gè)參數(shù)需要注意，需要使用function代替，而不是直接把代碼寫在里面。setTimeout(function(){console.log(i)},10000*i);，大概瀏覽器需要解析吧。第二種方式，使用字符串代替函數(shù)體，setTimeout("console.log(1)",10000*i);。可以實(shí)現(xiàn)同樣的效果。

反對(duì) 回復(fù) 2018-12-24

呼喚遠(yuǎn)方

TA貢獻(xiàn)1856條經(jīng)驗(yàn) 獲得超11個(gè)贊

典型的閉包問題，你測(cè)試下i看看，i是同一數(shù)字。然后如果是閉包問題，就是google閉包吧

反對(duì) 回復(fù) 2018-12-24

哈士奇WWW

TA貢獻(xiàn)1799條經(jīng)驗(yàn) 獲得超6個(gè)贊

確切地講是閉包問題的延伸版。這里考慮已經(jīng)不是單純的閉包問題了，而是setTimeout

反對(duì) 回復(fù) 2018-12-24

30秒到達(dá)戰(zhàn)場(chǎng)

TA貢獻(xiàn)1828條經(jīng)驗(yàn) 獲得超6個(gè)贊

不好意思，我在chrome和FF下測(cè)試，輸出結(jié)果都是1~9，完全不符預(yù)期。代碼是這樣子的（簡(jiǎn)化版）

<!doctype html>
<html>
    <head>
        <script>
        window.onload = function() {
            var i=0;
            var max=9;
            function incrementNum(){
                i++;
                console.log(i);
                if(i<max){
                    setTimeout(incrementNum,1000*i);
                }else{
                    clearTimeout(incrementNum);
                }    
            }
            incrementNum();
        }
        </script>
    <head>
    <body>
    </body>
<html>

能具體說下你那邊的實(shí)際情況嗎？^_^

反對(duì) 回復(fù) 2018-12-24

胡說叔叔

TA貢獻(xiàn)1804條經(jīng)驗(yàn) 獲得超8個(gè)贊

@Iwillknow:?

我是直接在firebug上面輸出的，有你要求的時(shí)間間隔輸出效果哈

第一次的時(shí)候，輸出1，接著立馬就是一個(gè)undefined。

反對(duì) 回復(fù) 2018-12-24

慕雪6442864

TA貢獻(xiàn)1812條經(jīng)驗(yàn) 獲得超5個(gè)贊

@Canrz: 不好意思，沒有找到原因。根據(jù)檢測(cè)只是知道，這個(gè)undefined是firebug拋出的一個(gè)警告，并不是其它原因（如setTimeout）造成的，因?yàn)榧词惯\(yùn)行如下代碼也是會(huì)有undefined輸出，再過分一點(diǎn)只有“var a = 0;”的字樣也是會(huì)有undefined的輸出。~應(yīng)該是firebug的原因，學(xué)術(shù)淺薄具體不詳>_<，抱歉。

function test() {
    console.log("1");
}
test();

反對(duì) 回復(fù) 2018-12-24

長風(fēng)秋雁

TA貢獻(xiàn)1757條經(jīng)驗(yàn) 獲得超7個(gè)贊

@Iwillknow:額，如果去掉test()，單獨(dú)跑

function test() {
    console.log("1");
}

就會(huì)輸出一個(gè)undefined。

你前面說的“在chrome和FF下測(cè)試，輸出結(jié)果都是1~9，完全不符預(yù)期”是什么情況，我firebug和瀏覽器單開都是隔段時(shí)間輸出一個(gè)數(shù)字

反對(duì) 回復(fù) 2018-12-24

LEATH

TA貢獻(xiàn)1936條經(jīng)驗(yàn) 獲得超7個(gè)贊

@Canrz: 不好意思，是完全符合預(yù)期，是能間隔一段時(shí)間輸出一個(gè)數(shù)字的。~是undefined的輸出不符合

反對(duì) 回復(fù) 2018-12-24

料青山看我應(yīng)如是

TA貢獻(xiàn)1772條經(jīng)驗(yàn) 獲得超8個(gè)贊

@Iwillknow:哦，了解了，明天再查查問問，看有沒有大神解惑?

反對(duì) 回復(fù) 2018-12-24

16 回答
0 關(guān)注
1301 瀏覽

關(guān)注

添加回答

舉報(bào)

0/150

提交

取消

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

javascript使用setTimeout實(shí)現(xiàn)每隔一段時(shí)間輸出1~9的數(shù)字

javascript使用setTimeout實(shí)現(xiàn)每隔一段時(shí)間輸出1~9的數(shù)字

16 回答

添加回答