1 使用js完成页面的定时跳转
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/jquery-2.1.0.js"></script>
<script type="text/javascript">
window.onload = function() {
var i =4;
var eSpan = document.getElementById("second");
time = setInterval(function(){
eSpan.innerHTML=i
--i;
if(i==0){
clearInterval(time);
location.href="http://www.baidu.com";
}
}, 1000);
}
</script>
</head>
<body>
恭喜你注册成功<span id="second" style="color: red;">5</span>中之后跳转， 如果没有跳转点击
<a href="http://www.baidu.com">这里</a>
</body>
</html>
2 设置定时刷新的头
package header;
import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class RefreshServlet extends HttpServlet {
protected void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
//设置定时刷新的头 5秒之后跳转到百度
response.setHeader("refresh", "5;url=http://www.baidu.com");
}
protected void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
doGet(request, response);
}
}
3 使用jquery完成
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/jquery-2.1.0.js"></script>
<script type="text/javascript">
var time;
var i=4; //全局变量
$(function(){
time = setInterval("change()",1000);
});
function change(){
$("#second").text(i);
--i;
if(i==0){
clearInterval(time);
location.href="http://www.baidu.com";
}
}
</script>
</head>
<body>
恭喜你注册成功<span id="second" style="color: red;">5</span>中之后跳转， 如果没有跳转点击
<a href="http://www.baidu.com">这里</a>
</body>
</html>
