JavaScript 打字机脚本不工作

Question

基本上我尝试从头开始制作一个打字机脚本，为我的小终端网络应用程序迷 xD

嗯，我有这个 JavaScript 东西:

var str = "dude";
var num = 1000;
for (var i = 0, len = str.length; i < len; i++) {
var num = num + 100;
var dude = str[i];
setTimeout('document.getElementById("guide").innerHTML +=dude;', num);
}

这显然是用 ID guide 写入 div，在 100 毫秒内“d”“u”“d”“e”间隔，但你猜怎么着？

它不会那样做!!

现在它做了什么，它打印“e”的次数与字符串中的字符一样多，伙计!

:|

谢谢，

我可能是 super 傻

但我想要一个修复!

提前致谢!

Answer 1

我写了一个接受两个参数的小函数:文本和时间:

function defiredWriteText(text,time, index){
    if(index === null || index === undefined) {
        index=0;
    }
    setTimeout(function (){
        var dude = text[index];
        document.getElementById("guide").innerHTML += dude;
        if(index < text.length-1)
            defiredWriteText(text, time, ++index);
    }, time)
}

示例:http://jsfiddle.net/3e3yx/