JS实现进度条
我们经常浏览网站页面的时候会出现页面载入的进程条,当100%时就会跳转另一个页面,代码很简单,效果却不错哦
效果图:
<form name=loading>
<p align=center><font color="#0155cc" size="2" face="Arial">页面载入中,请稍等...</font><br>
<input type=text name=progress size=46 style="font-family:Arial; font-weight:bolder; color:#
0066ff; background-color:#fef4d9; padding:0px; border-style:none;">
<br>
<input type=text name=percent size=46 >font weight bolder
<script language="javascript">
var bar=0; //进度条的进度
var line="||" ; //类似进度条的符号
var amount="||" ;
count() ;
function count(){
bar=bar+2 ; //进度条+2
amount =amount + line ; //符号也跟着增加
document.loading.progress.value=amount ; //进度条显示符号
document.loading.percent.value=bar+"%" ; //现实进度
if (bar<100) //判断进度条是否已经到头
setTimeout("count()",100);
else
window.location = "hi.baidu/秋前算帐";    //跳转的URL
}
</script>
</p>
</form>

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。