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>

posted @ 2013-04-10 17:25  helloyb  阅读(759)  评论(0编辑  收藏  举报