[转]Jquery实现页面定时跳转
2015-09-11 16:52
736 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>跳转页面</title>
<mce:script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" mce_src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></mce:script>
<mce:script language="javascript"><!--
$(document).ready(function() {
function jump(count) {
window.setTimeout(function(){
count--;
if(count > 0) {
$('#num').attr('innerHTML', count);
jump(count);
} else {
location.href="login.jsp";
}
}, 1000);
}
jump(3);
});
// --></mce:script>
</head>
<body>
<span style="color:red" mce_style="color:red">欢迎来到******!</span><br/>页面将在3秒后跳转...<br/>还剩<span id="num">3</span>秒
</body>
</html>
相关文章推荐
- jQuery+css实现的蓝色水平二级导航菜单效果代码
- jQuery邮箱验证正则表达式验证邮箱合法
- jquery表单验证插件
- jQuery EasyUI datagrid实现本地分页的方法
- jquery 绑定事件 获取方式 --------------data event 获取
- jQuery瀑布流效果
- JQuery的Ajax跨域请求的解决方案
- Jquery API学习地址
- jQuery CheckBox全选、反选
- jquery中this和event.target的区别
- jquery使用心得
- JavaScript、 jQuery行拖拽、排序
- jQuery整理您的笔记----jQuery开始
- jQuery DOM 操作
- jQuery中事件对象e的事件冒泡用法示例(事件冒泡与阻止冒泡)
- jQuery: Get filename from input [type='file']
- jQuery中noConflict()机制的冲突解决方法
- 如何解决谷歌浏览器下jquery无法获取图片的尺寸
- jquery的ajax()函数传值中文乱码解决方法介绍
- jquery进阶