html中页面倒计时跳转

最新推荐文章于 2023-10-18 15:00:37 发布

xuefeng_210

最新推荐文章于 2023-10-18 15:00:37 发布

阅读量3k

点赞数 1

本文链接：https://blog.csdn.net/xuefeng_210/article/details/124506661

版权

JavaScript 倒计时页面跳转定时器重定向

关键词由CSDN通过智能技术生成

利用javascript实现倒计时跳转页面：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="refresh" content="5;url=in/index.html"> 
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<title>倒计时跳转页面</title>	
<script type="text/javascript">	
//setTimeout("javascript:location.href='in/index.html'", 3000);
var t=4;//设定跳转的时间
setInterval("refer()",1000); //启动1秒定时
function refer(){
if(t==0){
location="index.html"; //#设定跳转的链接地址
}
document.getElementById('show').innerHTML="将在"+t+"秒后跳转到新系统..."; // 显示倒计时
t--; // 计数器递减
}
</script>
</head>

<body>
<h2>页面倒计时跳转</h2>
<h3><span id="show">将在5秒后跳转到新页面...</spn></h3>
<h4>若未自动跳转，请<a href="index.html">点击此处</a>到新页面。<h4>
</body>	
</html>