JSFiddle - React, Tailwind, and code Playground

by Sean Wessell

HTML

<span data-date="02/19/2015 04:26PM">
    <button>Edit</button>
</span>

JavaScript

$('[data-date]').each(function () {
    //exclude this from live
    $(this).attr('data-date',new Date());
    
    var maxSeconds = 5;
    //now
    var now = new Date();
    //original call date
    var callTime = new Date($(this).attr('data-date'));
    //difference between times milliseconds
    var sDiff = Math.abs((now.getTime() - callTime.getTime()) / 1000);
    //set element for use later
    var el = $(this);


    if (sDiff < maxSeconds) {
        //pause and hide after x seconds
        var pause = maxSeconds - sDiff;
        setTimeout(function () {
            el.hide();
        }, pause * 1000);
    } else {
        //more than 2 minutes has passed. Hide Element.
        el.hide();
    }
});