슬라이드 아웃 메뉴에 타임 아웃 추가/

Question

$('#nav-menu').bind("mousedown touchstart", function(){ 
     if ($('#patients-panel').hasClass('open')) { 
      $('#patients-panel').animate({ 
       left: '-165px', 
      }, 500); 
      $('#patients-panel').removeClass('open'); 
      $('#nav-patients').removeClass('active'); 
     } 
     slideMenu(); 
     $('#menu-panel').toggleClass('open'); 
     $('#nav-menu').toggleClass('active'); 
     swapImage(); 
    }); 
    $('#nav-patients').bind("mousedown touchstart", function(){ 
     if ($('#menu-panel').hasClass('open')) { 
      $('#menu-panel').animate({ 
       left: '-165px', 
      }, 500); 
      $('#menu-panel').removeClass('open'); 
      $('#nav-menu').removeClass('active'); 
     } 
     slidePatientMenu(); 
     $('#patients-panel').toggleClass('open'); 
     $('#nav-patients').toggleClass('active'); 
     swapImage(); 
    }); 

슬라이드 아웃 메뉴에 3 초 타이머를 추가하고 싶습니다. 그래서, 본질적으로; 'Slides Out'메뉴가 3 초 이내에 다시 슬라이드됩니다. 나는 어떻게 이것을 쓸 수 있 었는가?

Answer 1

기본적으로 "가까이"기능을 호출, 이것은 당신이 "쇼" 메뉴의가이 추가 콜백 함수의 끝에서,해야 할 일이다

setTimeout(function() 
{ 
    $('#patients-panel').animate({left: '0px'}, 500); 
},3000); 

트릭을 수행해야합니다.

Answer 2

"창 닫기 기능"을 호출하도록 setTimeout을 설정하지 않는 이유는 무엇입니까?

setTimeout(myCloseWindowFunction,3000); 

.... 

myCloseWindowFunction(){ 
    //do stuff 
}; 

각 .bind 함수에 타이머를 넣으면됩니다. 그것은 열립니다 .. 타이머가 아래로 밀리 초 틱 다음