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>
  • 相关阅读:
    MYSQL--事务处理
    phpStudy + JspStudy 2014.10.02 下载
    ThinkPHP实现跨模块调用操作方法概述
    ThinkPHP整合百度Ueditor图文教程
    PHP获取今天、昨天、明天的日期
    获取客户端IP地址定位城市信息
    samba服务器概述
    Linux下好玩的命令
    一张网页的旅行
    PHP获取中英文混合字符串长度及截取
  • 原文地址:https://www.cnblogs.com/qinche/p/3152469.html
Copyright © 2011-2022 走看看