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