javascript - 设置每个图像在不同时间的间隔

Question

我有一个简单的 jquery 幻灯片。我需要知道如何单独更改每个图像的间隔时间

我只希望第一张图像为“9000”，其余图像为“3000”

<script>
$(function(){
$('.fadein img:gt(0)').hide();
setInterval(function(){$('.fadein :first-child').fadeOut(2500).next('img').fadeIn(2500).end().appendTo('.fadein');}, 9000);});
</script>

<div class="fadein" >
<img src="1.jpg">
<img src="2.jpg">
<img src="3.jpg">
<img src="4.jpg"></div>

Answer 1

只需将超时设置为 9000，然后将间隔设置为 3000:

$(function(){
    function fade() {
        $('.fadein :first-child').fadeOut(2500).next('img').fadeIn(2500).end().appendTo('.fadein');
    }
    setTimeout(function() {
        fade();
        setInterval(fade, 3000);
    }, 9000);
});