首頁猿問 js實現(xiàn)for循環(huán)1-10,...

js實現(xiàn)for循環(huán)1-10, 延遲500ms展示結(jié)果, 但結(jié)果總是錯誤的, 求辦法

JavaScript

30秒到達(dá)戰(zhàn)場 2018-10-19 14:10:45

描述如題代碼如下function test() { for(var i=0; i<10; i++) { setTimeout(function(){ (function (m) { console.log(m); })(i) }, 500) } } test();執(zhí)行結(jié)果請教下解決辦法, 并指出錯誤位置, 謝謝!

查看完整描述

1 回答

慕森王

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

直接在setTimeout()里用即時執(zhí)行封裝下回調(diào)就行了，你封包在setTimeout()的里邊跟沒封區(qū)別不大：

function test() {  for(var i=1; i<11; i++) {
    setTimeout((function(){        console.log(i);
    })(), 500)
  }
}
test();

補(bǔ)充：

如果想做成間隔500ms一次console.log，那我覺得不如直接寫成：

var i = 1;var ii = setInterval(function(){
    if (i<11) {
        console.log(i);
        i++;
    } else {
        clearInterval(ii);
    }
}, 500);

反對回復(fù) 2018-11-18