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]);
        }
    ));
}());