JSFiddle - React, Tailwind, and code Playground

by jing coco

HTML

<script src="http://benalman.com/code/projects/jquery-throttle-debounce/jquery.ba-throttle-debounce.js"></script>
<div id="main"></div>
<button id="button">Rainbow Time!</button>

CSS

#main {
    width: 100px;
    height: 100px;
    background: red;
}

JavaScript

(function(){
     var colors = ['red', 'orange', 'yellow', 'green', 'blue', 'indigo', 'violet'];
     var curr = 0;
     var throttleTime = 1000;
     $('#button').click(
         $.throttle(throttleTime, true, function() {
             $('#main').css('background-color',colors[(++curr) %colors.length]);
         }
     ));
 }());