Jquery实现页面定时跳转

最新推荐文章于 2024-04-07 20:46:30 发布

A_紫夜星辰

最新推荐文章于 2024-04-07 20:46:30 发布

阅读量1.2k

点赞数 2

文章标签： 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>