在时间间隔完成后用淡出移除 class？

Question

我已经能够删除带有 setTimeout(function() 的 class，但现在它只是立即删除，所以我想知道我如何才能使它也成为 fadout();。

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

.pagina-laden 是 class，其中 css 中有背景图片。但现在我只需要淡出而不是突然消失。感谢您的努力和帮助！

Answer 1

尝试.delay()方法

这是一个演示

$("#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>

Answer 2

你可以试试下面的 setTimeout 函数。

setTimeout(function () {
    $('.yourClass').fadeOut('slow', function(){
        $(this).remove();
    });
}, 3000);

在时间间隔完成后用淡出移除 class？

Remove class with a fadeout after a Timeinterval is completed?

html

javascript

css

settimeout

fadeout