JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://jackrugile.com/jrumble/js/jquery.jrumble.1.3.min.js"></script>
<div id="box"></div>
CSS
#box {
background: #111;
height: 100px;
margin: 100px 0 0 100px;
width: 100px;
}
JavaScript
var box = $('#box');
var pulsing = false;
var pulseTimeout;
box.jrumble();
var demoStart = function(){
box.trigger('startRumble');
pulseTimeout = setTimeout(demoStop, 1000);
};
var demoStop = function(){
box.trigger('stopRumble');
pulseTimeout = setTimeout(demoStart, 1000);
};
box(function(){
if(pulsing){
box.trigger('stopRumble');
clearTimeout(pulseTimeout);
pulsing = false;
} else {
demoStart();
pulsing = true;
}
});