页面无操作3秒后刷新页面

Posted AlanTao

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了页面无操作3秒后刷新页面相关的知识,希望对你有一定的参考价值。

var optAction = false;      //定义判断条件false,if(!optAction)来判断
    var autoTime;               //定时器
    var body = document.getElementsByTagName("body")[0];

    //当有鼠标和键盘激活时清除自动刷新页面定时器
    body.onkeydown = body.onmousemove = body.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();
            }
        },1000)
    },5000)

  

以上是关于页面无操作3秒后刷新页面的主要内容,如果未能解决你的问题,请参考以下文章

页面无任何操作30秒后退出1

html页面只让五秒后刷新一次,只刷新一次,怎么做呀,求完整js代码。

页面实现自动刷新的3种方式

(asp.net)点击按钮进行相应操作,怎么实现页面无刷新

页面刷新 整个页面刷新和局部刷新

Vue 页面15分钟无操作时返回首页