定时刷新页面SetInterval 和setTimeout -时间间隔可以动态设定
JS里设定延时：
使用SetInterval和设定延时函数setTimeout 很类似。setTimeout 运用在延迟一段时间，再进行某项操作。
setTimeout("function",time) 设置一个超时对象 setInterval("function",time) 设置一个超时对象
SetInterval为自动重复， setTimeout不会重复。
clearTimeout(对象) 清除已设置的setTimeout对象 clearInterval(对象) 清除已设置的setInterval对象
举例 1、：放到js代码中，页面加载完就设定了，时间到就刷新整个页面，缺点是无法动态更改刷新间隔。
function myrefresh() { window.location.reload(); }
setTimeout('myrefresh()',5000); //指定5秒刷新一次
方法二、 ：<head><meta http-equiv="refresh" content="60"></head>
====为了实现可以更改动态修改刷新间隔【上面的方法是做不到的】
分析：因为本页面是用jsp 方式，没有用到异步刷新填充数据，目前很有局限性。
改造：方法1、不要刷新整个页面，定时触发ajax请求数据回来 动态创建表格填充数据；
方法2、用iframe的方式，弄成多页面的感觉，js 定时刷新 iframe里面的页面
方法3、还是采用目前方式，变通一下。动态参数通过请求地址参数 传递。js代码如下：
$(function() {
//先定义一个静态方法getUrlParam（拓展工具）的方式
(function($) {
$.getUrlParam = function(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if (r != null)
return unescape(r[2]);
return null;
}
})(jQuery);
var xx = $.getUrlParam('pn');//获取参数 大于0才设定，如果为0视为停止刷新
if (xx > 0) {
setTimeout('myrefresh1(' + xx + ')', xx);//设定本次定时间隔
}
});
function queryItems() {
document.itemsForm.action = "${pageContext.request.contextPath }/coins/list.action";
document.itemsForm.submit();
}
function myrefresh1(interval) {
// window.location.reload();改用下方方法
self.location = 'list?pn=' + interval;//将时间间隔作为请求参数，controller中并不使用它
}
var st;
function StartReflesh() {
var time = document.getElementById("selectTime").value;//js获取值
st = setInterval('myrefresh1(' + time + ')', time);//设定定时间隔，并把 间隔传参给地址
}
function EndReflesh() {
// clearInterval(st);
self.location = 'list?pn=0';//停止刷新时参数 pn是为0
}
其实不断刷新页面是很不好的，最好异步请求数据 填充。 后续改善，待更新.....
定时刷新页面SetInterval 和setTimeout -时间间隔可以动态设定的更多相关文章
- JS定时刷新页面及跳转页面
JS定时刷新页面及跳转页面 Javascript 返回上一页1. Javascript 返回上一页 history.go(-1), 返回两个页面: history.go(-2); 2. history ...
- JSP简单练习-定时刷新页面
<%@ page contentType="text/html; charset=gb2312" %> <%@ page import="java.ut ...
- Angular 定时器$timeout和$interval关于定时刷新页面和发送请求的用法
项目中有用到定时器定时刷新页面的数据,在网上查看了一些资料,整理了一下,备忘. $timeout 用法如下:$timeout(fn,[delay],[invokeApply]); fn:一个将被延迟执 ...
- 【jQuery】： 定时刷新页面
<%@page import="qflag.ucstar.seatmonitor.manager.SeatMonitorManager"%><%@ page la ...
- js定时刷新页面.
//页面定时刷新.2017.09.27 $(document).ready(function () { self.setInterval(function () { var d = new Date( ...
- JavaScript定时调用函数(SetInterval与setTimeout)
setTimeout和setInterval的语法同样.它们都有两个參数.一个是将要运行的代码字符串.另一个是以毫秒为单位的时间间隔,当过了那个时间段之后就将运行那段代码. 只是这两个函数还是有差别的 ...
- Vue使用定时器定时刷新页面
1. 需求说明 在前端开发中,往往会遇到页面需要实时刷新数据的情况,给用户最新的数据展示. 2. 逻辑分析 如果需要数据实时更新,我们自然是需要使用定时器,不断的调用接口数据,会相对的消耗内存. 3. ...
- http-equiv="Refresh" 实现定时刷新页面
***.html自动跳转文件代码如下: <HTML> <HEAD><META http-equiv="Refresh" content="5 ...
- php+ajax+jquery 定时刷新页面数据
testajax.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http: ...
随机推荐
- 3.git 分支操作
1.git branch 查看分支 git branch -a 查看远程仓库分支 结果显示,只有一个master分支,项目刚开始默认只有一个分支,名字叫做master,一般都不会直接在master上 ...
- 【非专业前端】使用vue2.5.17+element2.4.5
开发工具:WebStorm 先搞好环境 可以看出,想安装@vue/cli需要node.js.先去下载安装好. 然后安装@vue/cli npm install -g @vue/clinpm insta ...
- JQERY EasyUI Tabs 选项卡 自适应浏览器宽度高度 解决方案
<script type="text/javascript"> $(window).resize(function () { $('#tt').tabs({ width ...
- IIS 错误：由于扩展配置问题而无法提供您请求的页面。如果该页面是脚本，请添加处理程序。如果应下载文件，请添加 MIME 映射。
HTTP 错误 404.3 - Not Found 由于扩展配置问题而无法提供您请求的页面.如果该页面是脚本,请添加处理程序.如果应下载文件,请添加 MIME 映射. 可能是缺少处理程序映射.默认情况 ...
- 如何解决串session:
在IE快捷方式上点击鼠标右键>属性>快捷方式>目标:"C:\Program Files\Internet Explorer\iexplore.exe" -nome ...
- NandFlash学习
目录 NandFlash学习 概述 原理图(K9F2G08U0C) 启动的引脚配置 命令概述 操作概述 Uboot下操作体验 ID与地址编码 时序初始化 程序设计 忙判断 基本操作 读NAND 擦除 ...
- USB_4大描述符
本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/aaa6695798/archive/2009/11/06/4776202.aspx 在USB描述符中,从上到下分为四个 ...
- HDFS集群优化篇
HDFS集群优化篇 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.操作系统级别优化 1>.优化文件系统(推荐使用EXT4和XFS文件系统,相比较而言,更推荐后者,因为XF ...
- npm 更新版本
需要升级npm版本大于某个版本.百度搜索如何更新npm至最新版本.90%的解决方案是让我们再用npm全局安装一遍npm,就可以更新至最新版本了.即: npm install -g npm 但是,我尝试 ...
- JS事件委托应用场景
给列表元素添加点击事件: 在javaScript中,添加到页面上的事件处理程序的数量,将直接关系到页面的整体运行性能. <li>标签的数量很大时,循环为每个子元素添加事件,绝非好方法. 有 ...