JQuery倒计时跳转

来源:互联网 发布:linux vi编程 编辑:程序博客网 时间:2024/05/18 01:09
  1. <html>   
  2.   <head>   
  3.   <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />  
  4.     <title>跳转页面</title>    
  5.     <script src="jquery.js"></script>  
  6.     <script language="javascript"><!--  
  7.         $(document).ready(function() {   
  8.             function jump(count) {   
  9.                 window.setTimeout(function(){   
  10.                     count--;   
  11.                     if(count > 0) {   
  12.                         $('#num').attr('innerHTML', count);   
  13.                         jump(count);   
  14.                     } else {   
  15.                         location.href="http://www.xiariboke.com";   
  16.                     }   
  17.                 }, 1000);   
  18.             }   
  19.             jump(3);   
  20.         });  
  21. // --></script>   
  22.   </head>       
  23.   <body>     
  24.     <span style="color:red">欢迎来到www.xiariboke.com!</span><br/>xiariboke.com页面将在3秒后跳转...<br/>还剩<span id="num">3</span>秒  
  25.   </body>   
  26. </html> 
0 0
原创粉丝点击