当页面一初始化自动刷新功能 点击停止按钮 终止刷新切换的功能
作者：互联网
前提：页面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