jquery - 画像のコレクションを時間間隔で 1 つずつ非表示にします

Question

divブロックに画像のコレクションがあります

時間間隔を空けて1つずつ非表示にしたい。

私はこのスクリプトで試しました。

$(document).ready(function () {
    delayInSeconds = 1;
    i = 0;
    setInterval(function () {
        while (i < 10) {
            $(".images").eq(i).hide();
            i++;
        }
    }, delayInSeconds * 50);
});

Answer 1

これでできます。セレクターを使用して:visible非表示の画像を破棄し、セレクターを使用:eq(0)して一致セットから単一の要素を取得します。

デモ

var delayInSeconds = 1;

function hide(){
    setTimeout(function(){
        var images = $('.images:visible:eq(0)');
        if(images.length == 1){
            images.hide();
            hide();
        }

    }, 1000 * delayInSeconds);
}

$(document).ready(function(){
    hide();
});

Answer 2

$(document).ready(function () {
 $(".images").each(function(){
  setTimeOut($(this).hide(),300);
 });
});     

これはそれを行う必要があります。これがあなたを助けることを願っています