zoukankan      html  css  js  c++  java
  • s实现指定时间自动跳转到某个页面

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

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     <%@ page language="java" contentType="text/html;charset=UTF-8" %>
       <head>   
         <title>演示10s后页面自动调转到制定页面</title>
         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
         <link rel="stylesheet" type="text/css" href="../css/mycss.css"> 
       </head>  
     <body>
     <center>
     下面是当前演示
     </center>
     <pre>
    自动刷新页面的方法:
    1.页面自动刷新:把如下代码加入<head>区域中
    <meta http-equiv="refresh" content="20">
    其中20指每隔20秒刷新一次页面.
    2.页面自动跳转:把如下代码加入<head>区域中
    <meta http-equiv="refresh" content="20;url=http://blog.sina.com.cn/years2013"></pre>
    其中20指隔20秒后跳转到http://www.javaeye.com页面
    3.页面自动刷新js版
    <hr/>
    <script type="text/javascript">     
    function autoJump(secs,surl){     
     //alert(surl);     
     var jumpTo = document.getElementById('jumpTo');
     jumpTo.innerHTML=secs;  
     var url = document.getElementById('url');
     url.innerHTML=surl;  
     if(--secs>0){     
         setTimeout("autoJump("+secs+",'"+surl+"')",1000);     
         }     
     else{       
         location.href=surl;     
         }     
     }     
    </script> 
    </head>
    
    <body><span id="jumpTo">5</span>秒后自动跳转到<span id="url"></span>
    <script type="text/javascript">autoJump(5,'http://www.cnblogs.com/qinche/');</script>  
    <style type="text/css"> /*用css注释 */ </style> </body> </html>
  • 相关阅读:
    Hibernate实现CRUD的例子小结
    AspnetPager表格标题排序功能
    Microsoft企业库配置问题
    orm比较
    外语培训网求鉴定
    DIV随滚动条滚动而滚动
    图片切换效果展示
    转载C#委托之多播委托( 二)
    LINQ 图解
    不用ajax调用搞后台小技巧
  • 原文地址:https://www.cnblogs.com/qinche/p/3152469.html
Copyright © 2011-2022 走看看