如何让当前页面3秒以后自动跳转到其他页面?JS页面自动跳转

想实现登陆后3秒自动跳转到某页的功能,在网上搜了一下,供以后使用

1、<script   language= "javascript "> SetTimeOut( "this.location.href= '要跳转的页面 ' ",时间多少毫秒) </script>

2、<meta http-equiv="refresh" content="3;URL=http://www.iqicol.com">(这是个好办法)

3、<script>window.setTimeout("location.href='OutBill.asp'",3000);</script>

4、 这几天一直在改一个企业注册的子模块,因为做的是电力方面的,所以子报表特多,页面就套了好几层,最后一个是注册成功的提示及3秒后自动跳转到企业信息页面,现在把代码贴上来:

方法一:

以下js代码:

<script language="JavaScript">

function ok(){

window.parent.parent.location.href='<c:url value="/biz/safemanage/enterpriseMain.jsp"/>';

}

window.setTimeout("ok();",3000);

function countDown(secs){

jump.innerText=secs;

if(--secs>0)

setTimeout( "countDown(" +secs+ ")" ,1000);

}

countDown(3);

</script>

方法二:

<script language="JavaScript">

function countDown(secs){

jump.innerText=secs;

if(--secs>0)

setTimeout( "countDown(" +secs+ ")" ,1000);

}

countDown(3);

</script>

在jsp页面的<head>和</head>中间插入:

<meta http-equiv=refresh content=3;url='<c:url value="/biz/safemanage/enterpriseMain.jsp"/>'/>

以下jsp页面代码:

<font size=2>如果你已经成功注册企业,<span id="jump">3</span> 秒后自动跳转到企业信息界面,或者通过以下连接到企业信息界面。</font>

OK,有这两步,就可以实现3秒后跳转,并在页面动态显示的当前时间,初始指定为3秒。id="jump"为脚本提供引用,使之能够改变当前显示的时间。

5、

第一种:

<script language="javascript">

setTimeout("location=http://www.51js.com",3000);

</script>

第二种:

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=GBK">

<title>易宝搜索</title>

</head>

<body>

<h1>找不到匹配的结果</h1>

<span id="totalSecond">3</span>秒后自动返回

</body>

<script language="javascript" type="text/javascript">

<!--

var second = document.getElementByIdx_x_x_x('totalSecond').innerText;

setInterval("redirect()", 1000); //每1秒钟调用redirect()方法一次

function redirect()

{

if (second < 0)

{

location.href = 'b.html';

} else

{

document.getElementByIdx_x_x_x('totalSecond').innerText = second--;

}

}

-->

</script>

</html>

js页面3秒自动跳转的更多相关文章

  1. JS中5秒中跳转到其他页面

    原文:JS中5秒中跳转到其他页面 <head> <meta http-equiv="Content-Type" content="text/html; ...

  2. Android由一个activity 间隔5秒自动跳转到另外一个activity

    Android由一个activity 间隔5秒自动跳转到另外一个activity 2013年10月10日18:03:42 //一.写一个定时器 5秒后开启        final Intent lo ...

  3. JS实现倒计时网页自动跳转(如404页面经常使用到的)

    在web前端设计中,我们经常会遇到需要实现页面倒计时跳转的功能,例如在404页面中也会经常使用到此功能,那么如何实现呢,其实实现方法很简单,实现代码如下:<title>JS倒计时网页自动跳 ...

  4. js识别手机访问自动跳转到相应页面

    /* * 智能机浏览器版本信息: * */ var browser={ versions:function(){ var u = navigator.userAgent, app = navigato ...

  5. 前端跳转处理--房天下的访问页面部分ip自动跳转到登录页面的解决办法(xjl456852原创)

    朋友说自己在访问房天下的页面时,他们页面进行了跳转,跳转到登录页面,说是前端跳转.让我也看看,我看我的机器没有进行跳转. 后来就发现有的机器在访问页面会自动跳转到登录页面.有的不会进行跳转. 比如访问 ...

  6. Visual Studio中View页面与Js页面用快捷键互相跳转

    现在已经将源码放到GitHub中了 地址是 https://github.com/liningit/ViewJsLN 公司开发的项目使用的是Mvc框架,且Js与View页面是分开在两个文件夹下的,所以 ...

  7. js判断是否手机自动跳转移动端

    写法一: {literal} <script> //判断是否手机自动跳转 var browser={versions:function(){var u=navigator.userAgen ...

  8. JS 控制页面超时后自动跳转到登陆页面

    <span style="font-size: small;"><script language="javascript"> var m ...

  9. js对话框5秒自动消失

    使用了easyui的对话框控件 <html> <head> <title>5秒后关闭对话框</title> <meta http-equiv=&q ...

随机推荐

  1. 基于STM32F429和Cube的主从定时器多通道输出固定个数的PWM波形

    主从定时器的原理已在上篇博文: 基于STM32F429+HAL库编写的定时器主从门控模式级联输出固定个数PWM脉冲的程序 讲解了,这篇重点就讲如何实现多通道的PWM级联输出. 1.软件环境 Keil5 ...

  2. leadcode的Hot100系列--64. 最小路径和--权值最小的动态规划

    如果这个: leadcode的Hot100系列--62. 不同路径--简单的动态规划 看懂的话,那这题基本上是一样的, 不同点在于: 1.这里每条路径相当于多了一个权值 2.结论不再固定,而是要比较不 ...

  3. 百度云下载神器 速盘SpeedPan v1.9.7

    速盘 – 不一样的度盘神器!SpeedPan 是一款由吾爱破解论坛会员"菩提叶"制作的度盘满速下载工具.这款百度网盘高速下载工具,免费小巧简单易用,采用了Aria2多线程下载,支持 ...

  4. springboot 整合mybatis,pagehelper。测试类。

    报名立减200元.暑假直降6888. 遇到的异常. 1.这是在使用mybatis成功连接数据库后,通过service层调用dao层出现的异常. 异常原因:在启动类上面的注解@MapperScan没有指 ...

  5. CentOS 7搭建vsftp(虚拟用户方式登录)

    说明: vsftpd的版本:vsftpd-3.0.2-22.el7.x86_64 ftp 根目录 : /data/ftp ftp 配置文件目录:/etc/vsftpd ftp 虚拟用户权限配置文件目录 ...

  6. ASP.NET CORE配置用户密码验证

    在 class Startup 中配置 public void ConfigureServices(IServiceCollection services) { services.AddDbConte ...

  7. Python 爬虫:煎蛋网妹子图

    使用 Headless Chrome 替代了 PhatomJS. 图片保存到指定文件夹中. import requests from bs4 import BeautifulSoup from sel ...

  8. python基本用法

    PYTHONPATH PYTHONPATH是python moudle的搜索路径.即import xxx会从$PYTHONPATH寻找xxx. 中文编码问题 #coding=utf-8 查看导入的包的 ...

  9. python3.5学习笔记(说明)

    本内容是自己在学习python过程中总结的知识点,只用于学习和交流,请勿用作商业用途,部分内容来自网络,如有侵权,联系删除.

  10. 最全面阐述WebDataBinder理解Spring的数据绑定

    每篇一句 不要总问低级的问题,这样的人要么懒,不愿意上网搜索,要么笨,一点独立思考的能力都没有 相关阅读 [小家Spring]聊聊Spring中的数据绑定 --- DataBinder本尊(源码分析) ...