Html 页面自动跳转

最新推荐文章于 2023-12-17 21:49:50 发布

喵咪啾

最新推荐文章于 2023-12-17 21:49:50 发布

阅读量1.1k

点赞数

本文链接：https://blog.csdn.net/weixin_44253705/article/details/105644817

版权

五秒后自动跳转页面

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>5秒后跳转</title>
</head>
<script>
var t = 5;
var s = '.';
timeID=setInterval("countDown()",1000);
function countDown(){
time.innerHTML= t +"秒后跳转"+s;
t--;
s+='.';
if (t==0) {
location.href="http://www.baidu.com/"; // 要跳转的地址
clearInterval(timeID);
}
}
</script>
<body>
<div><font ID="time" face="impact" color="#272822" size="7">即将跳转</font>
</div>
</body>
</html>

<html>
<head>
<meta http-equiv="Content-Language" content="zh-cn">
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
<title></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>
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.baidu.com";}
}</SCRIPT>
</P></form>
</body>
</html>

喵咪啾

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Html 页面自动跳转

五秒后自动跳转页面<!DOCTYPE html><html><head><meta charset="UTF-8"><title>5秒后跳转度知到另一个页面</title></head><script>var t = 5;var s = '.';timeID=setInterval(...
复制链接

扫一扫