움직임/움직임/활동이 자바 스크립트로 감지 될 때 요소 표시

Question

이것은 내 질문에 대한 답변을 도울 수있는 사람이 있기를 바랍니다.

여기 내 질문 : 운동/동작/활동이 감지되면 (예 : jQuery/MooTools를 사용하는 자바 스크립트로) div를 표시하거나 숨기거나 액션을 호출 할 수 있습니까?

gmail이 예를 들어 더 오랫동안 비활성 상태 일 때 상태가 비활성 상태로 표시 될 수 있기 때문에 가능하다고 알고 있습니다. 그리고 마우스로 Gmail 페이지의 본문 위로 이동하면 상태가 비활성에서 온라인으로 변경됩니다.

내 요구를 충족시키는 스크립트를 인식하는 사람이 있으니 잘하면됩니다. 사전에

감사합니다, 레오 Behrutt

Answer 1

는 document.body.onmousemove에 수신기를 연결합니다. 위대한 성공과 비슷한 것을 사용하고 있습니다. 물론

document.body.onmousemove = function() { 
    console.log("hey, you moved!"); 
} 

,이 어쩌면 당신은 유예 기간을 원하는, 당신이 계속 이동하면 발사 유지할 것인가?

(function() { 
    var in_grace = false; timout_set = false, grace = 5 * 1000; // 5 seconds 
    document.onmousemove = function() { 
     if (false === in_grace) { 
      in_grace = true; 
      timout_set = false; 
      console.log("hey, you moved!"); // <-- your code here 
     } else if (false === timout_set) { 
      timout_set = true; 
      setTimeout(function() { 
       in_grace = false; 
      }, grace); // set in_grace to false after grace seconds 
     } 
    } 
}()); 

이렇게하면 최대 5 초마다 이벤트가 발생합니다.