javascript - 创建简单的打字效果

Question

function say(str){
    for(i=0;i<str.length;i++){
        setTimeout(function(){
            $("#text").append(str[i]);
            console.log(str[i]);
        },
        i*200);
    }
}

say("Hello World !");

看:http://jsfiddle.net/XnKNX/

似乎每个 str[i] 都是未定义的；

如何让它发挥作用？我正在学习，所以如果有人解释一下就太好了。谢谢。

Answer 1

那是因为当你给setTimeout的回调被调用时，i的值是循环结束。

一种解决方案是将其更改为

function say(str){
    for(i=0;i<str.length;i++){
        (function(i){
          setTimeout(function(){
            $("#text").append(str[i]);
          },
          i*200);
        })(i);
    }
}

这会在立即调用的内部函数中保存迭代时 i 的值。