Eingabe ausblenden, wenn die Maus 5 Sekunden lang nicht bewegt wird

Question

Ich habe eine HTML-Img-Eingabe für die Seite reqad.co.nn als Vollbild-Funktion, wie würde ich diese Eingabe ausblenden, wenn die Maus 5 Sekunden lang nicht bewegt wird, und wieder erscheinen, wenn es sich wieder bewegt? <input type="image" src="fullscreenico.png" align="right" onclick="toggleFullScreen()">

Answer 1

Hier ist ein Ausschnitt mit einer JQuery Lösung:

jQuery(document).ready(function(){ 
 
     var lastTimeMouseMoved; 
 
     var alreadyPrompt = false; 
 
     $(document).mousemove(function(e){ 
 
      lastTimeMouseMoved = new Date().getTime(); 
 
      alreadyPrompt = false; 
 
      $(".theInputIdLikeToHide").show(); 
 
     }); 
 
     setInterval(function(){ 
 
     \t if(!alreadyPrompt){ 
 
     \t \t var currentTime = new Date().getTime(); 
 
      if (currentTime - lastTimeMouseMoved > 5000) { 
 
       $(".theInputIdLikeToHide").hide(); 
 
       alreadyPrompt = true; 
 
      } 
 
      } 
 
     }, 500); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input class="theInputIdLikeToHide">