JSFiddle - React, Tailwind, and code Playground

by chrisbenseler

HTML

<script src="https://raw.github.com/mathiasbynens/jquery-visibility/master/jquery-visibility.js"></script> 
<div id="container"></div>

JavaScript

window.onload = function() {
    var d = document.getElementById("container");
    var count_timer = null; 
    var counter = 0;
    var f = function() {
        count_timer = setTimeout(function() {
            d.innerHTML += counter + "<br />";
            f();
            counter++;
        }, 1000)
    }
    f();
    $(document).on({
        'show.visibility': function() {
            counter = 0;
            d.innerHTML += "contador resetado<br />";
            f();
        },
        'hide.visibility': function() {
            clearTimeout(count_timer);
        }
    });
}