Auto-click every 10 seconds

Question

I have a Carousel on the site, and I want it to run every ten seconds, as if the visitor had clicked the button to effect this process.

This is the site http://www.clinicafelipemeletti.com.br/

Here is all the JS plugin (WP Carousel Posts) https://jsfiddle.net/felipestoker/c3dL9tzj/

And here, the inclusion I made in this JS

window.setTimeout(function(){
   document.getElementsByClassName("owl-dot").click();
}, 10000);

It’s not working. I wonder why.

Answer 1

A suggestion: I Maybe it’s nice you take a look at the Bootstrap carousel, in case you don’t know it: Carousel with Bootstrap

Good, but if you need that way the functioning of the site, you can do the following:

var runCarousel = function (carousel, index, timeout) {
    window.setTimeout(function(){
    carousel[index].click();
    }, index*timeout);
}

This function will cause the selected carousel(Carousel) to "run" the carousel with the time difference (timeout) you want.

An example of using the function would be like this:

var carousel = document.getElementsByClassName("owl-dot");

for (var i = 0; i < carousel.length; i++) {
    runCarousel(carousel, i, 2000)
}

This will cause the carousel (with "Owl-dot" class buttons) to run every 2 seconds!

I hope I’ve helped,

Giulio~

Answer 2

I’ve been taking a look at the site. If you’re working on the home page photo show:

jquery:

var slideNum = 0;
setInterval(function() {
   jQuery('a.nivo-control').removeClass('active');
   jQuery('a.nivo-control[rel="' +slideNum+ '"]').click();
   jQuery('a.nivo-control[rel="' +slideNum+ '"]').addClass('active');
   slideNum += 1;
   if(slideNum >= jQuery('a.nivo-control').length) {
       slideNum = 0;
   }
}, 10000);