Javascript 在不同的时间为每个图像设置间隔

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

我只希望第一张图片是“9000”，其余的是“3000”

$（函数（）{
$（'.fadein img:gt（0）'）.hide（）；
setInterval（function（）{$（'.fadein:first child'）.fadeOut（2500.next（'img'）.fadein（2500.end（）.appendTo（'.fadein'）；}，9000）；}）；

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

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

---

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

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

---

这可能就是你要找的。它至少会给你一些玩的东西

您可以将所需的持续时间设置为数据属性，脚本使用这些属性设置setTimeout的延迟

比如：

---

这可能就是您要找的。它至少会给你一些玩的东西

您可以将所需的持续时间设置为数据属性，脚本使用这些属性设置setTimeout的延迟

比如：

你的超时时间是3000秒，对我不起作用，它在第一张幻灯片上暂停很长时间，然后很快消失，我需要它在第一帧上等待9秒，然后在第二帧上等待3秒，然后在第一帧上重复9秒，在第二帧上重复3秒，你的超时时间是3000秒，对我不起作用，它在第一张幻灯片上暂停了很长时间，然后快速地淡入淡出。在这之后，我需要它在第一帧上等待9秒，然后在第二帧上等待3秒，然后在第一帧上重复9秒，在第二帧上重复3秒，你确定了解决方案吗？你确定了解决方案吗？

<div id="x">
    <img class="active" data-timeout="3000" src="https://si0.twimg.com/profile_images/2644394397/748dd7e11df8dbb93f0fcf2abc141526.png" />
    <img data-timeout="1500" src="https://si0.twimg.com/profile_images/3379531545/ce1eed2263515e4a173dffc815e1a6fc.jpeg" />
    <img data-timeout="5000" src="https://si0.twimg.com/profile_images/3632836331/6e3f4995bd41d49b724e13e694eb1a2d.jpeg" />
    <img data-timeout="2000" src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcQb09ZMKsDuY5lko2JNEfnXb8_8HTfedS9Uuk_7fdcTGoH5Ps-Xxg" />
</div>