JSFiddle - React, Tailwind, and code Playground

by dannygarcia

HTML

<script src="http://modernizr.com/downloads/modernizr-latest.js"></script>
<span></span>

JavaScript

window.requestAnimationFrame = Modernizr.prefixed('requestAnimationFrame', window) || function (callback) {
    window.setTimeout(callback, 1000 / 60);
};

var animate = true;
var start = 100;
var end = 500;
var duration = 3000;
var frame = 0;
var $span = $('span');

var step = function() {
    if (frame > duration) {
        animate = false;
    }
    $span.text(frame);
    frame++;
};

(function animationLoop() {
    if (animate) {
        window.requestAnimationFrame($.proxy(animationLoop, this));
        step();
    }
}());