シーケンス内にテキストが表示されます

Question

テキストを含む単純なシーケンスを実行しようとしています。テキストを1秒間表示してからhide()または​​を表示し、次にキューに表示するnext()を表示します。

誰かが私が間違っているのを見ていますか？今、最後のdivのみが表示されています。

サイドノート、誰かが私に機能を教えたり、このページのように右からテキストをスライドさせる方法を教えてもらえますか？何が起こるか

$(function() { 
 
    $('.cover1-seq').delay(1000).queue(function(next) { 
 
    $(this).show().prev().hide(); 
 
    next(); 
 
    }) 
 
    /*.toggle("slide", { 
 
    \t \t \t direction: 'right' 
 
    \t \t }, 1000);*/ 
 
});

.cover1-seq { 
 
    display: none; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div class="cover1-seq"> 
 
    <h1 class="cover1-title">Apple</h1> 
 
</div> 
 
<div class="cover1-seq"> 
 
    <h1 class="cover1-title">Book</h1> 
 
</div> 
 
<div class="cover1-seq"> 
 
    <h1 class="cover1-title">Cat</h1> 
 
</div>

Answer 1

https://artversion.com/

にはJavaScriptをする場合には、一度にすべての3回実行されている '$を（この）.delay（1000）'、それは一緒にすべてを実行するということです。

は私が1秒ごとに実行するために、あなたのコード内での調整をした：

$(function() { 
    var i = 0; 
    $(".cover1-seq").each(function(){ 
    $(this).delay(1000 * ++i).queue(function() { 
     $(this).show().prev().hide(); 
    }); 
    }); 
}); 

か、尋ねたとして、それは繰り返し続けます。私は私が助けたと思っている

$(document).ready(function() { 

    var arr = $(".cover1-seq"); 
    var arrLen = arr.length; 
    var i = 0; 

    setInterval(function(){ 
    $(".cover1-seq").hide(); 
    $(arr[i]).show(); 
    i === arrLen ? i = 0 : i++; 
    }, 1000); 

}); 

：ページのロード時および実行するために、我々は「$（ドキュメント）.ready」を追加します！