天天看点

2020-11-24 js页面长时间无操作,停止页面的自动刷新定时器

做了个页面自动刷新的功能:

会一直调用接口,那么怎么才能在一段时间不操作后,关闭页面的自动刷新那?

//三秒自动一次
        var  interval=setInterval('searchChart()',3000);
        /* if 5 minutes no operation then logout [email protected] */
        var maxTime = 120; // seconds
        var time = maxTime;
        $('body').on('keydown mousemove mousedown', function(e) {
            time = maxTime; // reset
        });
        var intervalId = setInterval(function() {
            time--;
            if (time <= 0) {
                ShowInvalidLoginMessage();
                clearInterval(intervalId);
            }
        }, 1000)
        function ShowInvalidLoginMessage() {
            console.log("您已经长时间没操作了,即将退出自动刷新!");
            //TODO 做需要做的操作


            // 停止定时器
            clearInterval(interval );

            //exp:关闭页面
            //window.close();
        }