特定のスライダーイメージに遅延を伴うモーダルをロードするにはどうすればよいですか？

Question

私はモーダルを最初のスライドに表示させることができます。問題は2番目のスライドが回ってくるときです。私はモーダルが現れるまでに遅れを取っていたいと思います。どのように私はjavascriptでこれを行うには、各スライダで、私のモーダル2秒の遅延が表示され、その後、スライダが戻って来るとき、それはデフォルトに戻り、遅延プロセスを再開する？あなたは毎回新しいスライドは、あなたがこの使用することができそうであることを繰り返す必要が

<style> 
.myModal { 
    z-index: 1; /* Sit on top */ 
    left: 0; 
    top: 0; 
    width: 100%; /* Full width */ 
    height: 650px; /* Full height */ 
    overflow: auto; /* Enable scroll if needed */ 
    background-color: rgb(0,0,0); /* Fallback color */ 
    background-color: rgba(0,0,0,0.1); /* Black w/ opacity */ 
    display: none; 
    } 
</style> 




<div class="myModal"> 
    <h1>Slide 1</h1> 
    </div> 

<script> 
$(document).ready(function() { 
    $(".myModal").delay(2000).fadeIn(500); 
}); 
</script> 

Answer 1

：

setInterval(yourFunction() }, 8000); 

yourFunction()は、あなたのモーダルがあなたの条件の下に表示させる機能です。