JSFiddle - React, Tailwind, and code Playground

by Dave Hope

HTML

<div id="now"></div>
<div id="linkOne" style="display:none">Div 1</div>
<div id="linkTwo" style="display:none">Div 1</div>
<div id="linkThree" style="display:none">Div 1</div>
<div id="defaultLink" style="display:none"></div>
<div id="Time" style="display:none"></div>

JavaScript

var now = moment().format("dddd, MMMM Do, YYYY, h:mm:ss A");
$('#now').append(now);

window.setInterval(function(){

        var countOfLinksThatAreValid = 0;

        var current = new Date();
        var linkOneExpirationDate = new Date("June 10, 2016 11:00:00")
        var linkTwoExpirationDate = new Date("June 10, 2016 12:00:00")
        var linkThreeExpirationDate = new Date("June 10, 2016 13:00:00")

        if (current.getTime() <= linkOneExpirationDate.getTime()) {
            $('#linkOne').show();
            countOfLinksThatAreValid = countOfLinksThatAreValid + 1;
        }
        else {
            $('#linkOne').hide();
        }

        if (current.getTime() <= linkTwoExpirationDate.getTime()) {
            $('#linkTwo').show();
            countOfLinksThatAreValid = countOfLinksThatAreValid + 1;
        }
        else {
            $('#linkTwo').hide();
        }

        if (current.getTime() <= linkThreeExpirationDate.getTime()) {
            $('#linkThree').show();
            countOfLinksThatAreValid = countOfLinksThatAreValid + 1;
        }
        else {
            $('#linkThree').hide();
        }

        if (countOfLinksThatAreValid === 0) {
            $('#defaultLink').show();
        } else {
            $('#defaultLink').hide();
        }

        $('#Time').show();
        $('#Time').text(current);
    });