首页 > Web开发 > 详细

jquery 定时器

时间:2015-01-27 17:59:01      阅读:333      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!