javascript - 具有不同计时器的网页上的多个轮播

Question

我在同一个网页上有 4 个不同的轮播，第一个需要比其他的快得多，我尝试将脚本分开，但目前它们都以更快的速度运行:

<script>
    $('.carousel, #carosuel-one').carousel({
        interval: 1000,
        pause: "none",
    });
</script>

<script>
    $('#carousel-two, #carousel-three, #carousel-four').carousel({
        interval: 6000,
        pause: "none",
    });
</script>

Answer 1

你应该试试这个

<script>
    $(' #carosuel-one').carousel({
    interval: 1000,
    pause: "none",
    });

    $('#carousel-two').carousel({
    interval: 4000,
    pause: "none",
    });

    $('#carousel-three').carousel({
    interval: 8000,
    pause: "none",
    });

    $('#carousel-four').carousel({
    interval: 10000,
    pause: "none",
    });
</script>