页面定时跳转

需求:客户端请求服务器,服务器重定向到一个新的页面,页面内容是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>