2016-12-20 17 views
0

Мне удалось удалить класс с setTimeout(function(), но теперь он просто удаляется мгновенно, поэтому мне было интересно, как я могу сделать это fadout();.Удалить класс с затуханием после завершения Timeinterval?

setTimeout(function(){ 
    $('.pagina-laden').removeClass('pagina-laden'); 
},2000); 

.pagina-laden - это класс, в котором есть фоновое изображение в css. Но теперь мне просто нужно исчезнуть, а не резко исчезнуть. Спасибо за усилия и помощь!

+0

[ '.fadeOut()'] (http://api.jquery.com/fadeout/) – 4castle

+0

Или добавьте анимацию в CSS, и она сделает это автоматически – epascarello

ответ

3

попытка .delay() метод

Heres демо

$("#clickMe").click(function() { 
 
    $("#fadeMeOut").delay(1500).fadeOut("slow"); 
 
});
#fadeMeOut { 
 
    height: 300px; 
 
    width: 300px; 
 
    background: #333; 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 
<button id="clickMe">click me and wait</button>  
 
<div id="fadeMeOut"></div>

+0

Psst ... как вы получили шляпу? – 4castle

+0

Не работает :( – ZanicL3

+0

Положите '.fadeOut (500)' перед задержкой. – 4castle