基于jQuery的页面定时跳转与纯javascript写的没什么太大的区别,只是用jQuery中的选择符来获取dom元素而已..
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>err.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<script src="scripts/jQuery/jquery.js" type="text/javascript"></script>
<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);
});
</script>
</head>
<body>
失败...<br />
3秒后自动跳转。当前还剩<span id="num">3</span>秒
</body>
</html>
在这里使用了递归的方法来实现时间倒数的特效...