标签：初始化 功能 stopPage 按钮 time2 自动 刷新 页面

 

前提：页面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 = "关闭自动刷新";

         }

    }

标签：初始化,功能,stopPage,按钮,time2,自动,刷新,页面
来源： https://www.cnblogs.com/nwy2012/p/15747896.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。