jQuery addClass example

Change class name on click in jQuery

by dandrade78

HTML

<div id="container"></div>
<input type="button" class=start value="Start" />
<input type="button" class=stop value="Stop" />

JavaScript

var abcdef = ["A", "B", "C", "D", "E", "F"];
var interval;
startLoop();

function startLoop() {
  loopy()
  interval = setInterval(loopy, 1000);
}
function stopLoop(){
  interval = clearInterval(interval);
}
function loopy() {
  $("#container").html(abcdef[0])
  abcdef.push(abcdef.shift());
}

$(".stop").click(stopLoop);
$(".start").click(function() {
  if (!interval) {
    startLoop();
  }
});