setTimeout里面的for循环 [英] setTimeout inside for loop

问题描述

我想要一个字符串出现以下代码的字符：

I want a string to appear character-for-character with the following code:

function initText()
{
    var textScroller = document.getElementById('textScroller');
    var text = 'Hello how are you?';

    for(c = 0; c < text.length; c++)
    {
        setTimeout('textScroller.innerHTML += text[c]', 1000);
    }
}

window.onload = initText;

它不起作用..我做错了什么？

It's not working.. what am I doing wrong?

推荐答案

尝试这样的事情：

function initText()
{
    var textScroller = document.getElementById('textScroller');
    var text = 'Hello how are you?';

    var c = 0;
    var interval = setInterval(function() { 
                          textScroller.innerHTML += text[c]; 
                          c++; 
                          if(c >= text.length) clearInterval(interval);
                   }, 1000);

}

注意我添加了 clearInterval 在需要时停止它。

Note I added clearInterval to stop it when it's needed.

这篇关于setTimeout里面的for循环的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！