网页中带进度条的跳转

发布网友 发布时间：2022-04-24 00:41

我来回答

共4个回答

热心网友 时间：2022-04-24 02:10

<script language="javascript">
var bar=0 //先定义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){ //如果bar<99，执行以下语句
setTimeout("count()",100); //100毫秒以后，执行count()函数
}else{ //否则，窗口跳转页面至该网址
window.location = "http://www.itlearner.com/";
}
}
</script>

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

如果，还没能解决你的问题，百度找我吧！我天天在线··希望能帮到你

热心网友 时间：2022-04-24 03:28

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

热心网友 时间：2022-04-24 05:03

　　可以用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就好了

热心网友 时间：2022-04-24 06:54

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