首页 > 其他 > 详细

页面定时跳转

时间:2018-02-27 11:30:16      阅读:158      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!