• 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>
  • 相关阅读:
    第四周作业
    第三周作业
    第二周作业
    20162325 2016-2017-2 《程序设计与数据结构》课程总结
    实验五 网络编程与安全 实验报告
    实验四 Android程序设计-5
    结对编程项目-四则运算 挑战出题
    20162325金立清 实验四 Android程序设计 实验报告
    20162325 结对编程项目-四则运算 整体总结
    实验三 敏捷开发与XP实践 实验报告
  • 原文地址:https://www.cnblogs.com/qinche/p/3152469.html
Copyright © 2020-2023  润新知