JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://raw.github.com/m-gagne/limit.js/master/limit.js"></script>
<html>
  <head>
  </head>
  <body>
    <h1>Move your mouse around (and stop for a bit too to let debounce do it's thing).</h1>
    <br>  
    <div class="status">
        <div id="unlimited">
            <div>Unlimited calls:</div>
            <div>0</div>
        </div>
        <div id="debounce">
            <div>Debounced calls:</div>
            <div>0</div>
        </div>
        <div id="throttle">
            <div>Throttled calls:</div>
            <div>0</div>
        </div>
    </div>
  </body>
</html>

CSS

body { font-family:"Verdana"; font-size: 14px; }
h1 { font-size: 18px; font-weight: bold; }
.status div div { width: 160px; display: inline-block; }
.status div div:last-child { width: 40px; text-align: right; }

JavaScript

var unlimitedCalls = 0,
    debounceCalls = 0,
    throttleCalls = 0;

$(document).bind('mousemove', function(e) {
    $("#unlimited").children().last().text(unlimitedCalls++);
}); // no limit applied

$(document).bind('mousemove', function(e) {
    $("#debounce").children().last().text(debounceCalls++);
}.debounce(150)); // debounce with a 150 millisecond limit

$(document).bind('mousemove', function(e) {
    $("#throttle").children().last().text(throttleCalls++);
}.throttle(150)); // throttle with a 150 millisecond limit