新手求教一个 JS 问题，为啥这个函数不能运行

[serenader]

先贴上 JSFiddle 地址 http://jsfiddle.net/3KLhw/1/

不知道为什么，在 JSFiddle 里面 positionMessage 函数没反应。我在本地用 Firefox 打开时文本能够动起来的。不过那个不重要，只是我用来参考的。
代码我顺便贴上来吧，因为我不知道 JSfiddle 上面的代码有没有被我搞错了。

html:
<div id = "div" style = "width: 100px;height:100px"></div>

JS:
window.onload = function(){
fadeAnimate();
}
function fade(e,t,d){
e.style.opacity = 1 - t/d;
t++;
var str = "fade('" + e + "'," + t + "," + d + ")";
if(t < d) {
anim = setTimeout(str,20);
}
}

function fadeAnimate() {
var div = document.getElementById("div");
div.style.opacity = 1;
div.onclick = function() {
fade(div,0,100);
}
}

我的目的是想做个动画效果，当鼠标单击 div 时 透明度随时间变化。但是这个函数不能按照我想的去执行。打开 firebug 显示 e.style is undefined . 这个我就不懂了，改了好久都没效果，一直有错误。

究竟是哪个地方出现了致命错误？顺便问下，setTimeout() 函数的参数为什么是这样的？我只知道 setTimeout() 第一个参数是代码，第二个参数是数值。这个 str 我是参考前面的那个函数的。

[binux]

LZ的JS哪学的？

[serenader]

@binux 额，不小心又按错 感谢 了。。是自学的，现在还在努力啃 JavaScript 高级程序设计 中。。

[serenader]

问题已经解决了。感谢有回复的和有过来看一下的V友。

[sneezry]

你的fade函数中，setTimeout是以字符串的形式调用的自身，但是这样的话你想想e是不是就丢失了，所以可以改成匿名函数的形式：

fadeAnimate();
}
function fade(e,t,d){
e.style.opacity = 1 - t/d;
t++;
if(t < d) {
anim = setTimeout(function(){
function fade(e,t,d);
},20);
}
}

[sneezry]

fadeAnimate函数中的fade(div,0,100);改成fade(this,0,100);更妥当一些感觉

[serenader]

@sneezry 感谢回复。你的回答解决了我对 setTimeout 的疑问。我刚刚试了一下匿名函数，结果可以运行。不过也还要修改其他代码，

fade(e,t,d){
var element = document.getElementById("e");
element.style.opacity = 1 - t/d;
...
}

这样整个程序才能如愿运行。

[serenader]

@sneezry 说错了，刚刚脑袋一片混乱。按照你说的用匿名函数的话，一切都可以了。不用再修改其他东西了。
感谢您半夜三更帮我看这烂代码啊！

[exoticknight]

foo: function( arg1, arg2,speed ) {
if (.....) { // 判断结束条件
return;
}
else {
setTimeout( function() {self.foo( arg1, arg2 )}, speed );
}
}
我写跟setTimeout有关的函数的时候基本都是这样的结构，个人经验权当参考……

[RIcter]

@binux 犀利的吐槽=_=

[serenader]

@exoticknight 感谢回复！确实是setTimeout函数的问题，写成匿名函数之后就可以了。

[serenader]

@RIcter 额，本人才疏学浅，JS也是刚学不久，肯定还有很多写得不好的。还望各位大神指出毛病。
一楼是想表达我写得很糟糕的意思吧？若是这样的话麻烦各位指出错误。

[sneezry]

@serenader 你写的挺好的啊，刚开始学还想要怎样

[zzNucker]

其实setTimeout可以传参数的。

[serenader]

@zzNucker 请问你指的是如何传递参数呢？

[zzNucker]

@serenader 我指的是里面可以在超时时间后面再加参数作为传递到函数里的参数。