Question

JavaScript 多个settimeout的问题

//gridview渐隐效果
function changeColor(obj)
{

var row=obj.parentElement.parentElement;
var ss=row.style.backgroundColor;
row.style.backgroundColor = 'Yellow';

window.setTimeout(function() { row.style.backgroundColor = 'White';},500);
window.setTimeout(function() { row.style.backgroundColor = ss;},500);

}

为什么white这个效果不执行呢？

Answer 1

你把两个的时间岔开试一下，white效果被或一个效果覆盖，所以看不到white效果

试着 执行以下代买看看：
<div style="border:1px solid red ;background-color:black;"><div><div id="dd" >s</div></div></div>
<SCRIPT LANGUAGE="JavaScript">
<!--
function changeColor(obj)
{

var row=obj.parentElement.parentElement;

var ss=row.style.backgroundColor;

row.style.backgroundColor = 'Yellow';

window.setTimeout(function() { row.style.backgroundColor = 'White';},200);
window.setTimeout(function() { row.style.backgroundColor = ss;},500);

}

changeColor(dd);
//-->
</SCRIPT>

Answer 2

setTimeout是异步执行的
也就是说 你两个setTimeout都会执行！而且执行的时间相近。

这样你第一个执行的效果当然看不到了！
想两个效果都看的话 就吧时间错下位吧，其中一个改为1000 也好啊！

Answer 3

你把两个的时间岔开试一下，估计是你的时间一样（太接近），white执行了，又马上被第二个覆盖掉，所以看不到效果