页面定时跳转
需求:客户端请求服务器,服务器重定向到一个新的页面,页面内容是3秒后跳转到另一个页面
后端写法:设置响应头
response.setHeader("refresh","3/url=/项目名/资源")
前端
设置http的头<meta http-equiv="refresh" content="3;url=/项目名/资源">
效果:
引入JQ的类库 :<script type="text/javascript" src="../js/jquery-1.11.3.min.js"></script>
<script type="text/javascript">
$(function(){
设置定时器,每个1秒执行一次,让数字3减少1
window.setInterval("changeNum()", 1000);
});
// 修改数字3
var x = 2;
function changeNum(){
x--;
$("#spanId").html(x);
}
</script>
<h4>页面将在<span id="spanId">3</span>秒钟后进行跳转</h4>