您的位置：首页 > 其它

页面定时跳转

2018-02-27 11:02 211 查看
需求：客户端请求服务器，服务器重定向到一个新的页面，页面内容是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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  页面 定时 跳转
相关文章推荐
新的分享
章节导航