html - 更改 slider 中文本的持续时间

Question

客户有一个网站，主页上有一个自动 slider ，目前每张幻灯片持续约 3 秒，但希望将其更改为至少 5 秒，因为幻灯片变化太快，没有足够的时间阅读文本。

这是一个购买的 html 模板，所以它已经可以工作了，只需要知道要查找什么或在 css 文件中添加什么。

HTML。

<section class="hero-fullscreen parallax overlay bg-img-1">  
        <div class="hero-container">  
            <div class="hero-content">   

                <div class="content-slider container">

                    <div class="white">
                        <h5 class="subheading">We set you apart from the competition.</h5>
                        <h1 class="large mt20">Have your own marketing <br> team starting from $$$ a month.</h1>
                        <hr class="separator mb30">   
                        <p class="mb60">We create, manage &amp; update your online presence, so you can focus on your business.</p>
                    </div>

CSS。

.content-slider.owl-carousel .owl-item,
.content-slider.owl-carousel  .owl-item:active {
cursor: default;
}
 .owl-animated-in {
-webkit-animation-delay: 1s;
-moz-animation-delay: 1s;
-o-animation-delay: 1s;
-ms-animation-delay: 1s;
animation-delay: 1s;
}
.owl-item p, .owl-item h5, .owl-item h1 {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, 
.animated.flipOutY {
animation-duration: 0.6s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

Answer 1

好吧，看起来好像有一个 script.js 文件，也许它不适用于所有人，但 Jackson 在正确的轨道上。

有一个包含以下部分的 javascript 文件:

$(".content-slider").owlCarousel({
    animateOut: 'bounceOut',
    animateIn: 'bounceIn',
    autoplay: true,
    autoplayTimeout: 7500, <--------- Just change this number.
    items: 1,
    dots: false,
    mouseDrag: false,
    touchDrag: false,
    loop: true
});