三秒钟后跳转

最新推荐文章于 2021-03-10 23:26:56 发布
最新推荐文章于 2021-03-10 23:26:56 发布
阅读量1k 收藏
点赞数
分类专栏： 工具
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Yanghongli_/article/details/78039920
版权 
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'wait.jsp' starting page</title>
    <!-- 导入jQuery -->
	<script type="text/javascript" src="${pageContext.request.contextPath}/jQueryku/jquery-2.1.0.js"></script>
	<script type="text/javascript">
		//初始化时间
		var time = 4;
		
		function returnUrlByTime() {
			//每过一秒执行一次
			window.setTimeout('returnUrlByTime()', 1000);
			
			time = time - 1;
			//获得当前时间赋给time
			document.getElementById("layer").innerHTML = time;
			//让时间=0是跳转
			if(time==0){
				location.href="${pageContext.request.contextPath}/login.jsp"
			}
		}
	</script>

  </head>
  
  <body  οnlοad="returnUrlByTime()">
		<h3>注册成功</h3>
		<b><span id="layer" style="color: red;">3</span>秒后，转入登录界面。</b>
		
</html>

Everett_Y_
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue中倒计时3秒后跳转页面
Zheng_xinle的博客
09-30 3597
<script> export default { data(){ return { count:"",//倒计时 } } }, created(){ ​​​​​​this.threeGo() }, methods: { //3秒后进入跳转页面 threeGo(){ const TIME_COUNT = 3; if(!this.timer){ this.count = TIME_COU
三秒后跳转
weixin_30266885的博客
05-03 158
private Handler mHandler = new Handler(new Handler.Callback() { @Override public boolean handleMessage(Message msg) { if (msg!=null){ Intent intent = new I...
HTML页面-------3秒之后自动跳转的3种常用的实现方式
热门推荐
yangxin_blog的专栏
12-05 9万+
在练习中，我们常常遇到一种问题就是，怎么实现页面N秒之后自动跳转呢？ 我自己遇到问题和查找资料，总结了3个方法 方法1： 最简单的一种：直接在前面里面添加代码： //3秒之后自动跳转到res.html，两个属于同一文件下面，要是需要跳转到jsp页面，就需要在url里面填写url地址————（浏览器的地址栏里面写入的数据，如：http://localhost:8080/TestDem
JavaScript实现3秒后页面自动跳转
zhangyong_ok的博客
05-28 5845
整个Html页面代码如下，自己看吧： &lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" co
三秒后自动跳转页面
11-30
在网页设计和开发中，"三秒后自动跳转页面"是一种常见的技术手段，用于在特定条件下引导用户从当前页面转移到另一个页面。这种技术在多种场景下被广泛使用，例如错误处理、信息提示或者更新页面内容。下面我们将深入...
HTML页面3秒后自动跳转的三种常见方法
09-28
在项目中，我们经常会遇到这样一个功能：如何实现页面N秒后自动跳转。其实方法很简单，下面小编通过本文给大家分享HTML页面3秒后自动跳转的三种常见方法，对html页面3秒后自动跳转的相关知识感兴趣的朋友一起学习吧
注册成功后页面三秒钟跳转功能
11-22
jsp也面中实现注册成功后页面三秒钟跳转功能
js 3秒后跳转页面的实现代码
10-26
标题提到的"js 3秒后跳转页面"就是这样的一个需求，它在网页加载完成后等待三秒钟，然后自动将用户导航到指定的新页面。这里我们有两种不同的实现方式来达到这个效果。 方法一： 这种方法通过设置`setTimeout`函数...
javaweb 3秒后自动跳转的几种方式
kt1776133839的博客
09-19 2万+
1 html meta 字段实现 这种是最简单的。 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" c...
实现3秒后页面自动跳转的另一个页面
ducaifeng86的博客
11-12 4万+
一、目的 实现3秒后页面自动跳转的另一个页面 二、原理 在当前页面设置一个变量，设置这个变量的值为3，利用定时器，每隔1秒就将变量减1；当变量为0的时候跳转页面 三、代码片段 <p> 此页面<span id="count-span">3</span>秒后将自动跳转 </p> <script type="...
打开jsp/html，3秒后自动跳转
phantomes的专栏
12-19 694
打开一个页面，过几秒跳转，一般会应用在某些操作成功或者失败之后，给出提示，然后跳回到别的页面。比如你注册成功或者失败后，添加成功后者失败后。效果稍微好点儿的，会用隐藏域或者ajax在页面上直接提示并刷新，不会通过这种的页面进行跳转，效果和操作体验都要比这种几秒自动跳转要好，但是这里，我还是把这种的记录一下。 第一种：&lt;script&gt;window.setInterval...
二分图（三）——KM算法
Lyra's DDF
11-23 7208
KM算法手工模拟
3秒自动转页面php,3种方法使HTML页面3秒后自动跳转
weixin_33988332的博客
03-10 7942
在项目中，我们经常会遇到这样一个功能：如何实现页面N秒后自动跳转。其实方法很简单，下面小编通过本文给大家分享HTML页面3秒后自动跳转的三种常见方法，对html页面3秒后自动跳转的相关知识感兴趣的朋友一起学习吧在练习中，我们常常遇到一种问题就是，怎么实现页面N秒之后自动跳转呢？我自己遇到问题和查找资料，总结了3个方法方法1：最简单的一种：直接在前面里面添加代码：代码如下: //3秒之后自动跳转到r...
App进入首页三秒后跳转到主页面，第二次进入直接跳到主页面，带倒计时
zhaoxiaoshan_3的博客
06-19 5183
如果需要首页面倒计时跳转 直接将下面代码复制到工程中， package com.example.a1.zhaoshan20170619; import android.content.Intent; import android.content.SharedPreferences; import android.os.Bundle; import android.os.CountDownTim
注册成功后页面3秒跳转的实现
流云的专栏 ........................................................................
09-15 6573
在做注册页面中碰到的，由JavaScript实现%@ Page Language="C#" AutoEventWireup="true" CodeFile="Message.aspx.cs" Inherits="Message" %>html xmlns="http://www.w3.org/1999/xhtml" >head runat="server">  
css设置延迟三秒跳转页面
最新发布
07-23
你可以通过使用CSS的`@keyframes`规则和`animation`属性来实现延迟三秒后跳转页面的效果。以下是一个示例代码： ``` <!DOCTYPE html> <html> <head> <style/* 定义一个名为delayed-redirect的动画 */ @keyframes delayed-redirect { 0% { opacity: 1; } /* 初始状态为完全可见 */ 99% { opacity: 1; } /* 在动画结束前保持可见状态 */ 100% { opacity: 0; } /* 动画结束时完全透明 */ } /* 将动画应用于具有3秒延迟的元素 */ .delayed-redirect { animation: delayed-redirect 3s linear forwards; } /* 将上述动画应用于body元素 */ body { animation: delayed-redirect 3s linear forwards; } </style> </head> <body> <!-- 在这里放置你的页面内容 --> <script> // 通过JavaScript在3秒后跳转到另一个页面 setTimeout(function() { window.location.href = "your-page-url"; }, 3000); </script> </body> </html> ``` 在上面的代码中，我们定义了一个名为`delayed-redirect`的动画，它会在3秒钟内将元素的透明度从1降低到0。然后，我们将这个动画应用于`body`元素，以实现整个页面的渐隐效果。 同时，我们使用JavaScript的`setTimeout`函数在3秒后跳转到指定的页面。你需要将`your-page-url`替换为你要跳转的页面的URL。 请注意，这种方法只是在页面上添加了一个渐隐效果，而实际上并没有真正的延迟跳转。如果你想要真正延迟跳转页面，你可能需要使用服务器端的重定向或其他技术来实现。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值