jQuery实现页面定时跳转的方法
jQuery #跳转2012-11-06 09:17
实现代码：
01 | <html> |
02 | <head> |
03 | <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> |
04 | <title>跳转页面</title> |
05 | <script src="http://yige.org/static/js/j.js"></script> |
06 | <script language="javascript"><!-- |
07 | |
08 | $(document).ready(function() { |
09 | function jump(count) { |
10 | window.setTimeout(function(){ |
11 | count--; |
12 | if(count > 0) { |
13 | $('#num').attr('innerHTML', count); |
14 | jump(count); |
15 | } else { |
16 | location.href="login.jsp"; |
17 | } |
18 | }, 1000); |
19 | } |
20 | jump(3); |
21 | }); |
22 | |
23 | // --></script> |
24 | </head> |
25 | <body> |
26 | <span style="color:red">欢迎来到yige.org！</span><br/>yige.org页面将在3秒后跳转...<br/>还剩<span id="num">3</span>秒 |
27 | </body> |
28 | </html> |
相关文章
- jQuery实现回车键Enter切换焦点的方法 2012/11/06
- jquery设置div不显示/隐藏 2012/11/02
- 用jQuery解决跨域访问 2012/08/29
- 提高JQuery性能的几个技巧 2012/08/28
- jQuery的Select操作方法集合 2012/08/24
- jQuery右键菜单插件 2012/07/31
- jquery实现div随滚动条滚动 2012/07/18
- 浅谈jQuery的$.fn 2012/07/13
- jquery比较时间的大小 2012/07/13
- jquery实现table隔行变色 2012/07/12