如果鼠标未移动5秒，则隐藏输入

Question

我有一个HTML img输入页面reqad.co.nf作为全屏功能，如果鼠标没有移动5秒钟，如果它再次移动，我将如何隐藏这个输入？{{ 1}}

Answer 1

这是一个带有JQuery解决方案的代码片段：

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;