关于 setTimeout(function()延时循环的问题 依然没有解决 但已经结贴给分了,感谢热心的朋友

Question

//这句是执行将ID=b1的设置宽度为timeUp+"00px"
document.getElementById("b1").style.width=timeUp+"00px";
//测试时发现不能执行了但是如果注释掉就会正常运行,希望各位大虾指点下<script language="javascript">
var timeUp = 1;delayRun()//循环执行任务，延时操作
function delayRun(code,time){
alert(timeUp);//这句是执行将ID=b1的设置宽度为timeUp+"00px"
document.getElementById("b1").style.width=timeUp+"00px";
//测试时发现不能执行了
if(timeUp < 5){timeUp++;
var t = setTimeout(function(){delayRun(code,time);},time);
}else{
   clearTimeout(t);
}
}
</script>
<div id="b1" style="background:#006699"></div>

Answer 1

简化了上次提问时的代码,主要问题就是延时循环 document.的某个方法不能执行,不知道发生的错误是什么,

Answer 2

要把<script>...</script>放在<div>...</div>后面，而且最好为<div>设置一个起始的宽度

Answer 3

window.onload = function(){
delayRun();
}

Answer 4

<script language="javascript">
var timeUp = 1;
var t;//循环执行任务，延时操作
function delayRun(code,time){
//alert(timeUp);
clearTimeout(t);
code();
if(timeUp < 5){
timeUp++;
t = setTimeout((
function(c,t){
return function(){delayRun(c,t)}
})(code,time)
,time);
}
}
window.onload=function(){
delayRun(function(){document.getElementById("b1").style.width=timeUp+"00px";},1000)
}
</script>
<div id="b1" style="background:#006699"></div>