页面的定时跳转

<!DOCTYPE html>
<html>
 <head>
  <title>浏览器对象</title>
  <meta http-equiv="Content-Type" content="text/html; charset=gkb"/>
 </head>
 <body>
  <!--先编写好网页布局-->
  <p>操作成功</p>
  <span id="clock">5</span>
  <span>秒后返回主页</span><a href="javascript:back();">返回</a>

  <script type="text/javascript">  

   //获取显示秒数的元素,通过定时器来更改秒数。
   var t=5;//等待的秒数
    setInterval("refer()",1000);
    function refer(){
                t--;
        if(t==1)
            {
                window.location.href="http://www.imooc.com/";
            }
                document.getElementById("clock").innerHTML=t;
                               }
   //通过window的location和history对象来控制网页的跳转。

 function back(){
        window.history.back();
                           }
 </script>
</body>
</html>

  

时间: 2024-08-30 17:05:33

页面的定时跳转的相关文章

完成页面的定时跳转

1 使用js完成页面的定时跳转 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/jquery-2.1.0.js"></script> <script type="text

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

(1)使用setTimeout函数实现定时跳转(如下代码要写在body区域内) 1 <script type="text/javascript"> 2 //3秒钟之后跳转到指定的页面 3 setTimeout(window.location.href='http://www.baidu.com',3); 4 </script> (2)html代码实现,在页面的head区域块内加上如下代码 1 <!--5秒钟后跳转到指定的页面--> 2 <met

[转]js实现页面定时跳转

其实很简单的一件事情,使用js提供的setTimeout()函数则可以完成了. 下面是简单的代码实现: [html] view plaincopy <html> <head></head> <body> <h1>提交成功</h1> <a href="http://www.so.com">3秒后系统会自动跳转,也可点击本处直接跳</a> </div></div><

js实现页面跳转,纯html实现网页定时跳转

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>     <title>登陆页面</title>

记录各种页面定时跳转方法(倒计时跳转总结)

下面对实现页面定时跳转(也称倒计时跳转)做一下总结,各种定时跳转代码记录如下: (1)使用setTimeout函数实现定时跳转(如下代码要写在body区域内) 代码如下: <script type="text/javascript"> //3秒钟之后跳转到指定的页面 setTimeout(window.location.href='http://www.balijieji.com',3); </script> (2)html代码实现,在页面的head区域块内加上

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

一.使用setTimeout函数实现定时跳转(如下代码要写在body区域内) <script type="text/javascript"> //3秒钟之后跳转到指定的页面 setTimeout(window.location.href='http://www.baidu.com',3); </script> 或者: <script language="JavaScript" type="text/javascript&quo

response对象处理HTTP文件头(禁用缓存、设置页面自动刷新、定时跳转网页)

response对象处理HTTP文件头 制作人:全心全意 禁用缓存 在默认情况下,浏览器将会对显示的网页内容进行缓存.这样,当用户再次访问相关网页时,浏览器会判断网页是否有变化,如果没有变化则直接显示缓存中的内容,这样可以提高网页的显示速度.对于一些安全性要求较高的网站,通常需要禁用缓存. 通过设置HTTP头的方法实现禁用缓存: <% response.setHeader("Cache-Control", "no-store"); response.setDa

网页自动跳转/定时跳转/重定向功能的设置

在一些情况下,我们会希望自己的某条链接打开之后自动跳转到另一个页面去,比如: 情景1:原有链接所指网站停用,访问用户被重定向到其他替代网页: 情景2:设置欢迎页,订单提交成功页等信息展示页面,延时跳转到接下来的逻辑页面: 情景3:希望发送自己域名的地址显示他人的页面: 情景4:用于页面的定时刷新: 等等 HTML在head中的mate标签提供了自动跳转的方式,设置非常简单 <meta http-equiv="refresh" content="延时时间(s);url=h

Android 实现页面的延时跳转

Android APP在初次使用的时候往往会出现APP的首页标志,然后几秒之后进入导航页,今天就记录一下,首页的延时跳转的两种方法: 第一种使用Handler延时跳转,在onCreate的方法中加入一下代码: new Handler(new Handler.Callback() { @Override public boolean handleMessage(Message msg) { //实现页面跳转 startActivity(new Intent(getApplicationContex