mounted() {
var optAction = false //定义判断条件false,if(!optAction)来判断
var autoTime //定时器
var page = document.getElementById('homeId') //要刷新页面最层div的id
//当有鼠标和键盘激活时清除自动刷新页面定时器
const that=this
page.onkeydown = page.onmousemove = page.onclick = function() {
optAction = true //让判断条件为true
clearTimeout(autoTime) //清除自动刷新页面定时器
autoTime = setTimeout(function() {
optAction = false //页面无操作后3秒,重时开启定时器
}, 3000)
}
//每三秒自执行
setTimeout(function() {
setInterval(function() {
if (!optAction) {
// console.log("刷新页面");
// window.location.reload(); 该行直接刷新浏览器
that.getMyJson() //重新调取接口
}
}, 1000)
}, 5000)
},
vue----监听页面,无操作一分钟刷新页面
最新推荐文章于 2023-10-11 11:32:07 发布
本文介绍了一个JavaScript函数,通过检测鼠标、键盘活动来控制页面的自动刷新。每当有用户交互时,会暂停刷新;3秒后如果没有操作,会重新启动定时任务,每秒执行一次接口调用。
开发板推荐:天空星STM32F407VET6开发板
超高性价比 STM32主控 | 超高主频 | 一板兼容百芯 | 比赛神器 | 沉金彩色丝印
开发板推荐:天空星STM32F407VET6开发板
超高性价比 STM32主控 | 超高主频 | 一板兼容百芯 | 比赛神器 | 沉金彩色丝印

828

被折叠的 条评论
为什么被折叠?



