zoukankan      html  css  js  c++  java
  • Jquery实现页面定时跳转

    <!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">
    <html> 
      <head> 
      <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
        <title>跳转页面</title>  
        <mce:script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" mce_src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></mce:script>   
        <mce:script language="javascript"><!--
     
            $(document).ready(function() { 
                function jump(count) { 
                    window.setTimeout(function(){ 
                        count--; 
                        if(count > 0) { 
                            $('#num').attr('innerHTML', count); 
                            jump(count); 
                        } else { 
                            location.href="login.jsp"; 
                        } 
                    }, 1000); 
                } 
                jump(3); 
            }); 
       
    // --></mce:script> 
      </head>     
      <body>   
        <span style="color:red" mce_style="color:red">欢迎来到******!</span><br/>页面将在3秒后跳转...<br/>还剩<span id="num">3</span>秒
      </body> 
    </html>

  • 相关阅读:
    TabControl
    Loading
    Dialog
    Combobox
    Markdown编辑器Editor.md使用方式
    XSS攻击
    跨域解决方案及实现
    angular4 自定义表单组件
    angular4 Form表单相关
    js 详解setTimeout定时器
  • 原文地址:https://www.cnblogs.com/helloyb/p/3012776.html
Copyright © 2011-2022 走看看