jquery 定时器

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">  
  2. <HTML>  
  3.  <HEAD>  
  4.   <TITLE>Jquery实现页面定时跳转</TITLE>  
  5.   <script language="javascript" type="text/javascript" src="jquery-1.4.2.min.js"></script>  
  6.   <script language="javascript">  
  7.   
  8.     $(document).ready(function() {      
  9.         function jump(count) {      
  10.             window.setTimeout(function(){      
  11.                 count--;      
  12.                 if(count > 0) {      
  13.                     $('#last').attr('innerHTML', count);      
  14.                     jump(count);      
  15.                 } else {      
  16.                     location.href="http://www.baidu.com";      
  17.                 }      
  18.             }, 1000);      
  19.         }      
  20.         jump(5);      
  21.     });  
  22.   
  23. </script>  
  24.  </HEAD>  
  25.   
  26.  <BODY>  
  27.   <span id="last">5</span>秒后将跳转到百度首页！</div>  
  28.  </BODY>  
  29. </HTML>  
posted @ 2015-01-27 16:12  秋风野马  阅读(525)  评论(0)  编辑  收藏  举报