网页载入效果,跳转另一页面代码

来源:互联网 发布:2016年大数据薪资待遇 编辑:程序博客网 时间:2024/06/10 08:29
网页载入效果,跳转另一页面代码 - cuiruijunphp - 格式化。。。
代码如下:

 <html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>正在进入</title>
</head>
<body>
<form name=loading>
<p align=center> <font color="#0066ff" size="2">正在进入,请稍等</font><font color="#0066ff" size="2" face="Arial">...</font>
<input type=text name=chart size=46 style="font-family:Arial; font-weight:bolder; color:#0066ff; background-color:#fef4d9; padding:0px; border-style:none;">

<input type=text name=percent size=47 style="color:#0066ff; text-align:center; border-width:medium; border-style:none;">
<script> 
var bar=0 
var line="||" 
var amount="||" 
count() 
function count(){ 
bar=bar+1 
amount =amount + line 
document.loading.chart.value=amount 
document.loading.percent.value=bar+"%" 
if (bar<99) 
{setTimeout("count()",100);} 
else 
{window.location = "http://www.baidu.com";} 
}</script>
</p>
</form>
<p align="center"> 如果您的浏览器不支持跳转,<a style="text-decoration: none" href="http://www.baidu.com"><font color="#FF0000">请点这里</font></a>.</p>
</body>
</html>

另外附上setTimeout用法及函数参数

setTimeout(codes, interval);
codes -- 代码段的字符串表示(与eval函数的参数相同),或者是匿名函数、函数名
interval -- 等待的毫秒数(通常用于产生动画效果)

原创粉丝点击