看看是这样的吗?<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档 </title>
<style type="text/css">
<!--
#Loading {
background-color: #999999;
width: 10px;
height: 50px;
}
-->
</style>
</head> <body> <div id="Loading"> </div>
<script language="JavaScript" type="text/javascript"> showdiv();
function showdiv() {
var Nw=10;
var ddobj=document.getElementById("Loading");
OpenDiv2();
function OpenDiv2() {
Nw+=20;
ddobj.style.width=Nw+"px";
setTimeout(OpenDiv2,10);
}
}
</script> </body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档 </title>
<style type="text/css">
<!--
#Loading {
background-color: #999999;
width: 10px;
height: 50px;
}
-->
</style>
</head> <body> <div id="Loading"> </div>
<script language="JavaScript" type="text/javascript"> showdiv();
function showdiv() {
var Nw=10;
var ddobj=document.getElementById("Loading");
OpenDiv2();
function OpenDiv2() {
Nw+=20;
ddobj.style.width=Nw+"px";
setTimeout(OpenDiv2,10);
}
}
</script> </body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档 </title>
<style type="text/css">
<!--
#Loading {
background-color: #999999;
width: 10px;
height: 50px;
}
-->
</style>
</head> <body onload="showdiv()"> <div id="Loading"> </div>
<script language="JavaScript" type="text/javascript"> function showdiv() {
var Nw=10;
var ddobj=document.getElementById("Loading");
OpenDiv2();
function OpenDiv2() {
Nw+=20;
ddobj.style.width=Nw+"px";
setTimeout(OpenDiv2,100);
}
}
</script> </body>
</html>
你的代码只要把setTimeout("OpenDiv2()",10); 改成setTimeout(OpenDiv2,100); 应该就可以了!!!