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 -时间间隔可以动态设定的更多相关文章

  1. JS定时刷新页面及跳转页面

    JS定时刷新页面及跳转页面 Javascript 返回上一页1. Javascript 返回上一页 history.go(-1), 返回两个页面: history.go(-2); 2. history ...

  2. JSP简单练习-定时刷新页面

    <%@ page contentType="text/html; charset=gb2312" %> <%@ page import="java.ut ...

  3. Angular 定时器$timeout和$interval关于定时刷新页面和发送请求的用法

    项目中有用到定时器定时刷新页面的数据,在网上查看了一些资料,整理了一下,备忘. $timeout 用法如下:$timeout(fn,[delay],[invokeApply]); fn:一个将被延迟执 ...

  4. 【jQuery】： 定时刷新页面

    <%@page import="qflag.ucstar.seatmonitor.manager.SeatMonitorManager"%><%@ page la ...

  5. js定时刷新页面.

    //页面定时刷新.2017.09.27 $(document).ready(function () { self.setInterval(function () { var d = new Date( ...

  6. JavaScript定时调用函数(SetInterval与setTimeout)

    setTimeout和setInterval的语法同样.它们都有两个參数.一个是将要运行的代码字符串.另一个是以毫秒为单位的时间间隔,当过了那个时间段之后就将运行那段代码. 只是这两个函数还是有差别的 ...

  7. Vue使用定时器定时刷新页面

    1. 需求说明 在前端开发中,往往会遇到页面需要实时刷新数据的情况,给用户最新的数据展示. 2. 逻辑分析 如果需要数据实时更新,我们自然是需要使用定时器,不断的调用接口数据,会相对的消耗内存. 3. ...

  8. http-equiv="Refresh" 实现定时刷新页面

    ***.html自动跳转文件代码如下: <HTML> <HEAD><META http-equiv="Refresh" content="5 ...

  9. php+ajax+jquery 定时刷新页面数据

    testajax.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http: ...

随机推荐

  1. ASCLL、Unicode和UTF-8编码的理解

    我们已经讲过了,字符串也是一种数据类型,但是,字符串比较特殊的是还有一个编码问题. 因为计算机只能处理数字,如果要处理文本,就必须先把文本转换为数字才能处理.最早的计算机在设计时采用8个比特(bit) ...

  2. Mac 上有哪些值得推荐的软件？冷门小众软件但实用

    确实Mac上有很多小众.冷门,但却是十分实用.值得推荐的工具,小编针对用的比较多的软件,整理了一些,希望有帮助. The Unarchive:解压缩工具 macOS 对于压缩文件的处理不是很好.如果你 ...

  3. 互联网运营+SEO：推荐必看的5本书籍

    本文首发于:风云社区(scoee.com) 最近开始学习和研究互联网运营和SEO,对于我这个小白来讲,还是有些吃力,毕竟从来没接触这方面的,尽管在之前的软件公司做过售前和产品相关的工作,但毕竟与互联网 ...

  4. BZOJ4627 前缀和 + 权值线段树

    https://www.lydsy.com/JudgeOnline/problem.php?id=4627 题意:求序列中和在L到R之间的字串种数. 要求的是和的范围,我们可以考虑先求一个前缀和pre ...

  5. Tensorflow object detection API 搭建物体识别模型（一）

    一.开发环境 1)python3.5 2)tensorflow1.12.0 3)Tensorflow object detection API :https://github.com/tensorfl ...

  6. kafka命令使用

    1.创建 topic /usr/local/kafka/bin/kafka-topics.sh --create --zookeeper zoo1:2181,zoo2:2181,zoo3:2181 - ...

  7. C++回顾day02---<拷贝构造函数：重点>

    一:补充---无参构造函数(默认无参构造函数)在实例化对象时注意点 (一)若没有写构造函数,则类会含有一个默认无参构造函数 (二)若自定义一个构造函数,则类不会提供默认构造函数 class A { p ...

  8. net-snmp开发教程

    目录 1................................................................................................ ...

  9. shop++改造之Filter类

    基于shop++源码进行商城改造.本来想大展手脚,结果一入手.发觉瞬间淹没了我的才华,sql语句也得贼溜没啥用. 不得不说这个商城源码价值很高,封装的很精屁. 下面是我第一天入手的坑. 数据库建好了表 ...

  10. java内部类的作用

    java内部类的作用 定义: 放在一个类的内部的类我们就叫内部类. 二. 作用: 1.内部类可以很好的实现隐藏 一般的非内部类,是不允许有 private 与protected权限的,但内部类可以 2 ...