我想实现多个网页间的自动跳转,此网页是模拟现实中的起步走的效果,点选起步走后,连续走四步,一步对应一个网页,不需要点选按钮,页面自动从第一步切换到第四步,有没有哪位大神帮忙解决
<!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=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" language="javascript">
var i=1;
function on_qibu(){
location.href='lx_07_03_0'+i+'.html';
i++;
setTimeout("on_qibu()",1000);
}
</script>
</head>
<body>
<input type="button" name="1" value="起步走" onclick="on_qibu()" />
</body>
</html>
<!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=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" language="javascript">
function lizheng(){
location.reload();
}
/*var i=2;
function on_qibu(){
location.href="lx_07_03_0"+i+".html";
i++;
setTimeout("on_qibu()",1000);
}*/
</script>
</head>
<body>
<p><font size="5">第一步</font></p>
<input type="button" value="立正" onclick="on_lizheng()" />
<input type="button" value="起步走" onclick="on_qibu()" />
</body>
</html>
<!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=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" language="javascript">
function lizheng(){
location.reload();
}
/*var i=3;
function on_qibu(){
location.href="lx_07_03_0"+i+".html";
i++;
setTimeout("on_qibu()",1000);
}*/
</script>
</head>
<body>
<p><font size="5">第二步</font></p>
<input type="button" value="立正" onclick="on_lizheng()" />
<input type="button" value="起步走" onclick="on_qibu()" />
</body>
</html>
<!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=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" language="javascript">
function lizheng(){
location.reload();
}
/*var i=4;
function on_qibu(){
location.href="lx_07_03_0"+i+".html";
i++;
setTimeout("on_qibu()",1000);
}*/
</script>
</head>
<body>
<p><font size="5">第三步</font></p>
<input type="button" value="立正" onclick="on_lizheng()" />
<input type="button" value="起步走" onclick="on_qibu()" />
</body>
</html>
<!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=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" language="javascript">
function on_qibu(){
history.go(-4);
}
</script>
</head>
<body>
<p><font size="5">第四步</font></p>
<input type="button" value="立正" />
<input type="button" value="重新开始走" onclick="on_qibu()" />
</body>
</html>