如何在html中控制滑块速度

Question

我正在建立我的投资组合网站。我在网页上添加了一个滑块，我想知道如何控制滑块和字幕速度。

我尝试过包含此 JavaScript 代码以查看它是否有效，但没有办法。

JavaScript

<script>
$('.sl-slider').carousel({
    interval: 10000
});
</script>

HTML

<div class="slider-item js-fullheight">
    <div class="overlay"></div>
    <div class="container-fluid p-0">
        <div class="row d-md-flex no-gutters slider-text js-fullheight align-items-center justify-content-end" data-scrollax-parent="true">
            <div class="one-third order-md-last img js-fullheight" style="background-image:url(images/md_2.jpg);">
                <div class="overlay"></div>
            </div>
            <div class="one-forth d-flex js-fullheight align-items-center ftco-animate" data-scrollax=" properties: { translateY: '20%' }">
                <div class="text">
                    <h1 class="mb-4 mt-3"><span></span></h1>
                    <p></p>
                    <p><a href="#" class="btn btn-primary px-5 py-3 mt-3">Get in touch</a></p>
                </div>

我预计输出是每 10 秒一张幻灯片，但它仍然是每 3 秒一张幻灯片

Answer 1

如果您在引导程序中使用轮播。试试这个：

<div id="yourCarousel" class="carousel slide" data-ride="carousel" data-interval="3000"></div>

Answer 2

这不是回复，我需要帮助制作一个按钮，我可以单击该按钮使我的贪吃蛇游戏仅使用两个按钮，然后我可以再次单击以使其再次变为四个按钮。请帮忙！！