带进度条的自动跳转页面代码

Posted 微笑^

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了带进度条的自动跳转页面代码相关的知识,希望对你有一定的参考价值。

?<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;">
 </p>
</form><p align="center">
测试:html网页自动跳转代码<br/>
你可以在这里写下你想的一切东西!<br />
如:西北农林科技大学是一所985、211院校。<br /><br />
如果您的浏览器不支持跳转,<a style="text-decoration: none" href="http://www.mycodes.net">

<font color="#FF0000">请点这里</font></a>.</p>
 <script>
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 = ‘https://www.baidu.com/‘} 
}
</script>
</body>
</html>

以上是关于带进度条的自动跳转页面代码的主要内容,如果未能解决你的问题,请参考以下文章

前端页面加载进度条的制作

Vue项目页面跳转时候的,浏览器窗口上方的进度条显示

如何在Vue项目中给路由跳转加上进度条

听说迭代

js怎么实现像淘宝登陆账自动跳转到登陆前的页面

带进度条的重定向