各种页面定时跳转(倒计时跳转)代码总结

AI摘要
Deepseek提供支持

一、使用setTimeout函数实现定时跳转(如下代码要写在body区域内)

<script type="text/javascript">

    //3秒钟之后跳转到指定的页面

  setTimeout(window.location.href='http://www.baidu.com',3);

</script>

或者:

广告
广告图片

<script language="JavaScript" type="text/javascript">
        function Redirect(){
                    window.location = "add.jsp";   //要跳转的页面
            }
        setTimeout('Redirect()', 3000);       //第二个参数是时间,单位毫秒
  </script>

二、html代码实现,在页面的head区域块内加上如下代码

<!--5秒钟后跳转到指定的页面-->
<meta http-equiv="refresh" content="5;url=http://www.baidu.com" />

三、使用脚本语言(就一句简单)

<%response.setHeader("Refresh","3;url=index.jsp");%>

四、稍微复杂点,多见于登陆之后的定时跳转(Jsp 页面的定时的跳转(数字倒数))

方法一:

<!doctype html>
<head>
<meta charset=utf-8" />
<title>js定时跳转页面的方法</title>
</head>
<body>
<script>
var t=10;//设定跳转的时间
setInterval("refer()",1000); //启动1秒定时
function refer(){
if(t==0){
location="http://www.baidu.com"; //#设定跳转的链接地址
}
document.getElementById('show').innerHTML=""+t+"秒后跳转到百度"; // 显示倒计时
t--; // 计数器递减
//本文转自:
}
</script>
<span id="show"></span>
</body>
</html>
<%@ page language="java"  import="java.util.*"  contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

方法二:

<!-- 完成页面定时的跳转 -->
<meta http-equiv="refresh" content="5;url=/Web_01/main.html">

<title>Insert title here</title>
</head>
<body onload="run()">
页面将在<span id="spanId">5</span>秒后跳转!!
</body>
<br>
<script type="text/javascript">
// 页面一加载完成,该方法就会执行
// 读秒,一秒钟数字改变一次
var x = 5;
function run(){
// 获取到的是span标签的对象
var span = document.getElementById("spanId");
// 获取span标签中间的文本
span.innerHTML = x;
x--;
// 再让run方法执行呢,一秒钟执行一次
window.setTimeout("run()", 1000);
}
</script>
</html>
广告
广告图片
温馨提示 : 非特殊注明,否则均为©李联华的博客网原创文章,本站文章未经授权禁止任何形式转载;来自:俄亥俄州·哥伦布 ,欢迎您的访问!
文章链接:https://www.lilianhua.com/summary-of-various-page-timing-jump-countdown-jump-codes.html
请先登录才能参与答题
距本场结束剩 00 00 00 00
轻量应用服务器 2核2G
200M峰值带宽,适用于网站搭建、Web应用、容器环境、电商独立站等
立即前往
扫码进入
扫描二维码购买
文澜千文

文澜千文

请登录以使用此功能。

上好佳脆脆球章鱼烧口味100g袋装 越南进口 膨化休闲零食 上好佳脆脆球章鱼烧口味100g袋装 越南进口 膨化休闲零食
Loading...
OpenClaw

OpenClaw 龙虾

AI AGENT GATEWAY
在您的服务器部署 OpenClaw,打造专属极速 AI 助手。
零门槛一键部署环境
支持 QQ/飞书/微信 渠道
跨平台指令分发执行
立即安装