버튼을 누르면 div를 자동 숨기기

Question

상단에 정보 div가 있고 하단에 재생 막대 div가있는 자체 비디오 플레이어를 만들고 있습니다.

버튼을 누르면 5 초 안에 표시 줄이 사라지고 버튼을 누르면 숨겨진 경우 표시되거나 5 초 이상 머물러 있어야합니다.

은 처음에는 버튼이 대기열에의 setTimeout 함수를 추가 누를 때마다이

document.onkeyup = function(event) { 
    showBar('playbarDiv'); 
    showBar('infoDiv'); 

    setTimeout(function() { 
    hideBar(); 
    }, 5000); 

    if (hideCounter !== 1){ 
    focusOn('playButton'); 
    hideCounter = 1; 
    } 

    }; 

좋아하지만 물론 뭔가 생각, 그래서 오초 후 바 숨기고 표시하기 시작합니다.

대신 새 "로드"버튼을 누르면 "재시작"SetTimeOut 같은 것을 피하기 위해 필요합니다. 이게 가능 Demo

:

이 간단한 예입니다? 또는 뭔가 다른 setTimeOut 사용할 필요가?

미리 감사드립니다.

Answer 1

예, 가능합니다. window.clearTimeout(yourTimeOutVariable)을 사용하여 이전 제한 시간을 지울 수 있습니다. 당신은 더 your demo, updated

읽을 수있는 체크

Answer 2

http://www.w3schools.com/jsref/met_win_cleartimeout.asp 여기에 대한 것은이 시도 :

jQuery(document).ready(function(){ 
    document.onkeyup = function(event) { 

    if($("#content").not(":visible")){ 
     $("#content").fadeIn(500); 
       setTimeout(function() { $("#content").fadeOut(500); }, 5000); 

    }; 

    }; 
});