知识学堂 > 课程 > jquery页面定时跳转

jquery页面定时跳转

发布日期:2018/12/24 来源:聚恒【返回】

<!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="</mce:script'>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>  

上一章: asp.net文件下载 下一章: CheckBoxList1操作