码迷,mamicode.com
首页 > Web开发 > 详细

jquery 定时器

时间:2015-01-27 18:00:48      阅读:131      评论:0      收藏:0      [点我收藏+]

标签:

  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>  

jquery 定时器

标签:

原文地址:http://www.cnblogs.com/Li-yuan/p/4253269.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!