bootstrap4官方默认的代码为:
<div id="carouselExampleSlidesOnly" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="..." class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="..." class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="..." class="d-block w-100" alt="...">
</div>
</div>
</div>
修改轮播的时间间隔的方法有两种:
一,在第一行代码中添加如下的属性代码data-interval="millisecond",其中,millisecond为需要设置的毫秒数
<div id="carouselExampleSlidesOnly" class="carousel slide" data-ride="carousel" data-interval="800">
二,使用JavaScript语句实现:
官网给出的代码是:
$('.carousel').carousel({
interval: 2000
});直接使用这个代码无法实现,应在该方法前面加上一个函数表达式,如下:
$(function(){
$('#carouselExampleSlidesOnly').carousel({interval:800});
});
656992002