<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> <style type="text/css"> #main{ width: 300px; height: 30px; border: 1px solid red; } </style> <script type="text/javascript"> function test() { document.getElementById("son").style.height="28px"; var i=1; for(i; i<=298; i++){ //下面这条语句为什么不是按指定时间执行 setTimeout("document.getElementById('son').style.width="+i+"px",500); //setInterval //setTimeout } document.getElementById("son").style.backgroundColor="pink";} </script> </HEAD> <BODY> <div id="main"><div id="son"></div></div><input type="button" value="start" onclick="test()"/> </BODY></HTML>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> <style type="text/css"> #main{ width: 300px; height: 30px; border: 1px solid red; } </style> <script type="text/javascript">
var i=1;
function test() { document.getElementById("son").style.height="28px"; f(); document.getElementById("son").style.backgroundColor="pink";}
function f(){
var code = document.getElementById("son").style.width=i+"px";
i++;
if(i<298) setTimeout("f()",500);
} </script> </HEAD> <BODY> <div id="main"><div id="son"></div></div><input type="button" value="start" onclick="test()"/> </BODY></HTML>
你是不是想这样 ？