JSFiddle - React, Tailwind, and code Playground

HTML

<div id="show_link">
    <a href="link.html" title="Link">
        <img src="link.gif" alt="link" />
    </a>
</div>
<div id="hide_link">
    <img src="link.gif" alt="link" />
</div>

CSS

#show_link, #hide_link{display:none;}

JavaScript

$(document).ready(function() {
    // Set the timezone to Los Angeles. Select timezone string from http://json-time.appspot.com/timezones.json
    var timezone = "America/Los_Angeles";
    
    // Get the Curren time in timezone.
    $.getJSON("http://json-time.appspot.com/time.json?tz=" + timezone + "&callback=?", function(data) {
        // Get the day.
        data.day = data.datetime.split(',')[0];

        //If time is between Friday at 4PM and enable on Sunday 7:00AM
        if ((data.day == 'Fri' && data.hour > 16) || (data.day == 'Sun' && data.hour < 7 )) {
            $('#show_link').hide();
            $('#hide_link').show();
        } else {
            $('#show_link').show();
            $('#hide_link').hide();
        }
    })
});