网页中带进度条的跳转

<html>
<head>
<meta http-equiv="Content-Language" content="zh-cn">
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
<title>跳转到itlearner.com</title>
</head>
<body>
<form name=loading>
<P align=center><FONT face=Arial color=#0066ff size=2>loading...</FONT>
<INPUT style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bolder; PADDING-BOTTOM: 0px; COLOR: #0066ff; BORDER-TOP-style: none; PADDING-TOP: 0px; FONT-FAMILY: Arial; BORDER-RIGHT-style: none; BORDER-LEFT-style: none; BACKGROUND-COLOR: white; BORDER-BOTTOM-style: none"
size=46 name=chart>
<BR>
<INPUT style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; COLOR: #0066ff; BORDER-BOTTOM: medium none; TEXT-ALIGN: center" size=47 name=percent>
<script language="javascript">
var bar=0
var line="||"
var amount="||"
count()
function count(){
bar=bar+2
amount =amount + line
document.loading.chart.value=amount
document.loading.percent.value=bar+"%"
if (bar<99){
setTimeout("count()",100);
}else{
window.location = "http://www.itlearner.com/";
}
}
</script>
</P>
</form>
</body>
</html>
这是我在网上搜索到的带进度条带跳转
请高手对每一行进行解析，如果做不到就算了，只要回答出在哪里改时间就可以了

举报该问题

其他回答

第1个回答推荐于2016-11-07

第2个回答 2010-08-03

setTimeout("count()",100); JS定时函数 100S调用count()函数

第3个回答推荐于2017-09-22

　　可以用html5实现，也可以做成gif的图片，你只需要设置为和你程序设置一样的时间然后进度条自动结束就好了。用图片是最好实现，用ps软件就可以制作。

　　这个的实现，有很多中方法，简单的，是使用 DIV 嵌套，例如：

<div style="width: 100px; height: 10px; border: solid 1px #ccc;text-align: left">
<div style="width: 64px;height: 8px;background-color: #abc000"></div>
</div>

100px 代表 100 分， 64px 代表实际的得分

　　该进度条是100毫秒，+ 1% ，10秒钟后，跳转页面！要改时间的话！改100就好了

第4个回答 2012-05-29

setTimeout("count()",100); 把100改成你想要的时间就行了

相似回答

进度条走完之后怎么实现跳转到下一页面答：window.open('跳转页面的地址！');location.href=“跳转页面的地址！”;希望对你有帮助！

Js中如何设置进度条满后自动跳转?答：DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">demo*{margin:0;padding:0;}.div1{width:0;height:30px;background:#da251a;}.div2{width:0;height:30px;background:#ff6600;} $(function(){ ...

...怎样制作动态的进度条且当进度条到了百分之百跳转到另一个界面_百度...答：做两个用例就可以啦，第一个用例用于实现滚动条的滚动，第二个用例检测当滚动条数据达到100%时触发一个事件。交互方式如下：交互用例图：效果图：因为上传视频需要通过优酷，所以只把效果最后触发的图片截图发一下

大家正在搜

bcb带刻度的进度条进度条网页网页进度条自动向下 ie浏览器网页进度条进度条带刻度没有加载的进度条实现页面加载进度条 excel进度条内带文字说明 ppt2016音频带进度条位置