码迷,mamicode.com
首页 > 其他好文 > 详细

页面定时跳转

时间:2018-02-27 11:33:01      阅读:134      评论:0      收藏:0      [点我收藏+]

标签:页面定时跳转

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

    <h3>页面将在<span id="spanId">3</span>秒钟后进行跳转</h3>

页面定时跳转

标签:页面定时跳转

原文地址:http://blog.51cto.com/13579086/2073415

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!