How to change the interval time on Bootstrap carousel with HTML?

To change the interval time on Bootstrap carousel with HTML, we set the data-interval attribute.

For instance, we write

<div
  data-ride="carousel"
  class="carousel slide"
  data-interval="10000"
  id="myCarousel"
>
  ...
</div>

to set the data-interval attribute to 10000ms to make the carousel update every 10000ms.