jQuery addClass example

Change class name on click in jQuery

HTML

<div id="slide">
LOL
<div id="slider">KEK</div>
</div>

CSS

body {
  background: #20262E;
  padding: 20px;
  font-family: Helvetica;
}

JavaScript

const myslider = $('#slider');

class CarouselRotator {

	constructor() {
  	this.rotationDelayTimedOut = true;
  }

  tryToRotate(myslider, timeout, arg) {

    if (this.rotationDelayTimedOut) {

			this.rotationDelayTimedOut = false;
      //myslider.trigger(arg);
      myslider.append(arg);
      setTimeout(() => this.rotationDelayTimedOut = true, timeout);
    }
  }
}

const carouselRotator = new CarouselRotator();

$('#slide').on('mouseover', function() {
    carouselRotator.tryToRotate(myslider, 5000, 'next.owl.carousel');
})