javascript - 用户空闲超时只执行一次函数

Question

我想在用户空闲超时 5 秒时显示报价横幅，但是以下代码每空闲 5 秒显示一次报价横幅。但是我只想在第一个空闲 5 秒内执行一次以下功能。任何人都可以帮助我

$(document).ready(function(){

           idleTime = 0;        


           //Increment the idle time counter every five second.
           var idleInterval = setInterval(timerIncrement, 5000);

           function timerIncrement()
           {
             console.log(idleTime++);
             if (idleTime > 5)
             {
               doPreload();     

             }
           }

           //Zero the idle timer on mouse movement.
           $(this).mousemove(function(e){

                 idleTime = 0;

           });

           function doPreload()
           {
             $('#add-click').click();

           }   

        });

Answer 1

你只使用鼠标移动，如果用户使用键盘你还必须检查一下怎么办

var inactivityTime = function () {
var temp;
window.onload = resetTimer;
document.onmousemove = resetTimer;
document.onkeypress = resetTimer;

function resetTimer() {
    clearTimeout(temp);
    temp = setTimeout(logout, 3000)
    // 1000 milisec = 1 sec
 }
};