当页面一初始化自动刷新功能 点击停止按钮 终止刷新切换的功能

 

前提:页面DOM中按钮停止刷新:

<button type="button" class="btn btn-primary" id="stopPage" style="position: absolute; left: 86%;">关闭自动刷新</button>

第一步:把返回的数据转成JSON格式

在页面中定义两个全局变量:

    var time = null;

var time2 = null;

第二步:当页面初始化时调用自动刷新方法,且自动刷新的同时,调取点击查询按钮时调取的方法

    //添加自动刷新页面

    function addTime2() {

 time2 = setInterval(function () {

             getTotalSum(1);//调用查询按钮函数

         }, 60 * 1000);

    }

第三步:写入停止时间的方法

    //清除跳转页面定时

    function clearTime2(){

         clearInterval(time2);

         time2 = null;

    }

第四步: 获取停止刷新按钮的id,进行停止刷新或者开启刷新的使用

    //取消自动跳转

    document.getElementById('stopPage').onclick = function() {

         if(time2) {

             /* clearTime(); */

             clearTime2();

         document.getElementById('stopPage').innerHTML = "开启自动刷新";

         } else {

         /* addTime(); */

         addTime2();

         document.getElementById('stopPage').innerHTML = "关闭自动刷新";

         }

    }

上一篇:php日期和时间的应用


下一篇:java计算两个时间差