温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

页面定时跳转

发布时间:2020-07-04 03:58:41 来源:网络 阅读:430 作者:奔跑吧爽爽 栏目:开发技术

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

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI