--js实现指定时间自动跳转到某个页面

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  <%@ page language="java" contentType="text/html;charset=UTF-8" %>
  3.    <head>
  4.      <title>演示10s后页面自动调转到制定页面</title>
  5.      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6.      <link rel="stylesheet" type="text/css" href="../css/mycss.css">
  7.    </head>
  8.  <body>
  9.  <center>
  10.  下面是当前演示
  11.  </center>
  12.  <pre>
  13. 自动刷新页面的方法:
  14. 1.页面自动刷新：把如下代码加入<head>区域中
  15. <meta http-equiv="refresh" content="20">
  16. 其中20指每隔20秒刷新一次页面.
  17. 2.页面自动跳转：把如下代码加入<head>区域中
  18. <meta http-equiv="refresh" content="20;url=http://blog.sina.com.cn/years2013"></pre>
  19. 其中20指隔20秒后跳转到http://www.javaeye.com页面
  20. 3.页面自动刷新js版
  21. <hr/>
  22. <script type="text/javascript">
  23. function autoJump(secs,surl){
  24.  //alert(surl);
  25.  var jumpTo = document.getElementById('jumpTo');
  26.  jumpTo.innerHTML=secs;
  27.  var url = document.getElementById('url');
  28.  url.innerHTML=surl;
  29.  if(--secs>0){
  30.      setTimeout("autoJump("+secs+",'"+surl+"')",1000);
  31.      }
  32.  else{
  33.      location.href=surl;
  34.      }
  35.  }
  36. </script>
  37. </head>
  38.  
  39. <body><span id="jumpTo">5</span>秒后自动跳转到<span id="url"></span>
  40. <script type="text/javascript">autoJump(5,'http://www.cnblogs.com/qinche/');</script>  
     
  41.  <style type="text/css">
  42.  /*用css注释  */
  43. </style>
  44.   </body>
  45.  </html>

s实现指定时间自动跳转到某个页面的更多相关文章

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

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

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

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

  3. PHP根据设备类型自动跳转相应网址页面，这个现在实用

    现在移动设备上网也很方便,比如Android智能手机,iPhone/iPad等,很多网站都相继推出了针对电脑和这些手机等移动设备访问的网页,如果你的系统是用PHP写的,那面本代码对你会很实用,可根据这 ...

  4. Session过期后自动跳转到登录页面

    最近研究如果用原生的Filter来判别session存在否或者过期否.来跳转到的页面实例,下载来展示代码. 因为顾虑器是每次请求能会进入的,所以可以设置了,进行拦截判断 1.配置web.xml < ...

  5. html页面一段时间自动跳转

    一.JS    <script> var flag = true; document.onmousemove = new Function("flag = false;" ...

  6. Session过期后自动跳转到登录页面的实例代码

    1.在项目的web.xml文件中添加如下代码: ? 1 2 3 4 <!--添加Session监听器--> <listener> <listener-class> ...

  7. 加载某个页面（A）时实现自动跳转到某个页面(B)

    <head> <title></title> <script type="text/javascript"> function fu ...

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

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

  9. 手机访问pc版网站自动跳转为手机版页面

    1.PC版首页</head>标签前加上以下脚本 <script src="/tools/browser_redirect.ashx"></script ...

随机推荐

  1. es 的集群状态

    es的集群状态一共有三种 : green yellow red 状态是基于 碎片的 等级进行划分的 .

  2. 你真的了解一段Java程序的生命史吗

    作为一名程序猿 ,我们每天都在写Code,但你真的了解它的生命周期么?今天就来简单聊下它的生命历程,说起一段Java Code,从出生到game over大体分这么几步:编译.类加载.运行.GC. 编 ...

  3. homework-03

    1.分工准备 这次的工作是结对编程,在第二次作业中我是使用python完成的作业,而小明是使用C完成的作业.因为打算使用动态链接库的方式将第二次的代码嵌入到本次的作业中,而python生成动态链接库不 ...

  4. Windows下cmd的替代软件——PowerCmd

    Powercmd 是一款运行在windows下的cmd增强软件(A Better Command Prompt Replacement Tool),当前最新的版本为2.2. 官方提供试用版,貌似没有功 ...

  5. JavaIO（03）字节流--OutputStream and InputStream

    IO概述:   IO流用来处理设备之间的数据传输 java对数据的操作是通过流的方式 java用于操作流的对象都在IO包中 流按操作数据分为两种:字节流与字符流(编码表) 流按流向分为:输入流,输出流 ...

  6. POJ 1860 Currency Exchange (SPFA松弛)

    题目链接:http://poj.org/problem?id=1860 题意是给你n种货币,下面m种交换的方式,拥有第s种货币V元.问你最后经过任意转换可不可能有升值.下面给你货币u和货币v,r1是u ...

  7. 苹果所有常用证书，appID,Provisioning Profiles配置说明及制作图文教程（精）

    holydancer原创,如需转载,请在显要位置注明: 转自holydancer的CSDN专栏,原文地址:http://blog.csdn.net/holydancer/article/details ...

  8. 解决Android上的QPython不能import urllib的问题

    试用了一下QPython,感觉很强大,Kivy也包含进去了,下载一些第三方库也很方便,相对于SL4A来说确实先进了很多. 但是很快发现不能import urllib,提示大概是这样的内容: No mo ...

  9. hdu 5586 Sum 最大子段和

    Sum Time Limit: 20 Sec Memory Limit: 256 MB 题目连接 http://acm.hdu.edu.cn/showproblem.php?pid=5586 Desc ...

  10. 关于c#调用C++代码的一些应用的体会

    1.dll函数的导入:    关键字:unmanaged code ; managed code;    具体应用类:System.Runtime.InteropServices    具体使用方法: ...