jQuery addClass example

Change class name on click in jQuery

by Trisox

JavaScript

const animation = [
      { x: -1, y: 0 },
      { x: -3, y: 0 },
      { x: -4, y: -1 },
      { x: -5, y: -1 },
      { x: -6, y: -1 },
      { x: -7, y: -1 },
      { x: -8, y: -1 },
      { x: -9, y: -1 },
      { x: -11, y: -1 },
      { x: -13, y: -1 },
      { x: -16, y: 0 },
      { x: -17, y: 0 },
      { x: -18, y: 1 },
      { x: -18, y: 2 },
      { x: -18, y: 3 },
      { x: -18, y: 4 },
      { x: -18, y: 5 },
      { x: -18, y: 6 },
      { x: -17, y: 7 },
      { x: -17, y: 8 },
      { x: -15, y: 9 },
      { x: -14, y: 10 },
      { x: -13, y: 10 },
      { x: -13, y: 11 },
      { x: -12, y: 11 },
      { x: -12, y: 12 },
      { x: -11, y: 12 },
      { x: -11, y: 13 },
      { x: -10, y: 13 },
      { x: -9, y: 14 },
      { x: -9, y: 15 },
      { x: -7, y: 15 },
      { x: -6, y: 15 },
      { x: -4, y: 14 },
      { x: -2, y: 13 },
      { x: -1, y: 13 },
      { x: 0, y: 12 },
      { x: 1, y: 12 },
      { x: 2, y: 10 },
      { x: 2, y: 9 },
      { x: 3, y: 9 },
      { x: 3, y: 8 },
      { x: 3, y: 7 },
      { x: 3, y: 6 },
      { x: 4, y: 5 },
      { x: 4, y: 4 },
      { x: 4, y: 3 },
      { x: 4, y: 1 },
      { x: 4, y: -1 },
      { x: 3, y: -2 },
      { x: 2, y: -2 },
      { x: 1, y: -3 },
      { x: 0, y: -4 },
      { x: -2, y: -5 },
      { x: -4, y: -5 },
      { x: -5, y: -5 },
      { x: -7, y: -5 },
      { x: -9, y: -5 },
      { x: -10, y: -5 },
      { x: -11, y: -5 },
      { x: -13, y: -5 },
      { x: -13, y: -4 },
    ];

    let result;
    var index = 0;
    var interval = setInterval(function() {
     
      if (index === animation.length) {
        clearInterval(interval);
      }
      index = index += 1;
       result = animation[index];
    }, 500);
    
    
var intervalz = setInterval(function() {

console.log(result)
}, 100);