2009-08-20 6 views
12

일정 시간이 지나면 어떻게 태그를 숨기거나 제거 할 수 있을지 궁금합니다. 내장 된 것들이 있습니까? 아니면 스레딩을 사용합니까? (JavaScript가 이것을 할 수 있다면?)jquery로 X 초 후에 태그 숨기기/제거

답변

32

JavaScript의 내장 된 setTimeout 함수가 트릭을 수행합니다. "5 초"부분에는 jQuery가 필요하지 않습니다. DOM을 조작에 대한 jQuery를 통합, 당신은 얻을 : 여기

setTimeout(function() { 
    $("#the-tag-you-want-to-remove").remove(); 
}, 5000); 

5000 5000 밀리 초, 5 초이다. setTimeout을 기존 함수 또는 (이 경우) 익명 함수로 전달할 수 있습니다.

+2

주목해야 할 또 다른 점은 절대적으로 필요 –

+1

eeek하지 않는 한 내가 때 필요한이에 대해 낙담 것입니다하지만 당신은 그것을 평가하는 문자열을 전달 할 수 있다는 것입니다? – redsquare

+0

또한 다른 사람 (플러그인 등)이 뭔가를하는 범위에서 같은 이름을 가진 func/var를 만들 때 절대 알지 못하기 때문에 항상 "윈도우"접두어를 사용합니다 – redsquare

3
window.setTimeout(hideTagFn, 5000); 

function hideTagFn(){ 

    $('#someElementId').hide(); 
} 
0

이 위의 답변과 거의 유사하지만,이 예제에서는 그냥 그대로 복사하여 편집기에 붙여 넣으해야 그러면 작동 할 것입니다.

<hmtl> 
    <head> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> 
    <script> 
$(document).ready(function(){ 
    $('.showupAfter8seconds').hide(); 
    setTimeout(function(){ 
    $('.showupAfter8seconds').show(); 
    },8000); 
}); 
    </script> 
    </head> 
    <body> 
    <div class="showupAfter8seconds"> 
     <h1>I was hidden for 8 seconds</h1> 
    </div> 

    </body> 
</html> 
관련 문제