Delay carousel slide change after button click (Bootstrap)

Question

How can i put a delay of 2 seconds for the Bootstrap carousel slides to change?

i'm using via data attributes. this is my carousel div:

<div id="carousel-content" class="carousel slide" data-ride="carousel">

Thanks.

Answer 1

Edit

After you commented with a link to your code, i saw that you are using carousel via data attributes.

add data-interval="2000" to your carousel div

result:

<div id="carousel-content" class="carousel slide" data-ride="carousel" data-interval="2000">

---

Check out Bootstrap's official documentation

$('.carousel').carousel({
  interval: 2000
})