CODEWITHSUNDEEP
javascripthtmlhide
Patrick
Patrick

Reputation: 23

Hide a div everyday except Thursday

Trying to hid the following div everyday except Thursday using this script. Can't get it to work. JS is still new, so what did I do wrong?

<div class="row">
    <script type="text/javascript">
        onload=function(){
            var rightNow = new Date();
            var day = rightNow.getDay();
            var hour = rightNow.getHours();
            var newDisplay = 'none'; // unless we see otherwise
            if(day==1  ||  day==2  ||  day==3  ||  day==5  || day==6 | day==7 ) {  // days hidden 
                if((hour>= 1) && (hour<= 24)) {
                  newDisplay = 'block';
        }
        }
        document.getElementById('thursday').style.display = newDisplay;
        }
        </script>

        <div class="col-md-12" id="thursday">

            <h3 style="font-family:Capture it;text-align:center">Warrior Pointe Radio - Live tonight on AllradioX -  1900 Pacific / 2200 Eastern</h3>   

        </div>

Upvotes: 1

Views: 57

Answers (1)

Evan Kennedy
Evan Kennedy

Reputation: 4175

Since you are setting display to none initially, you'll want to only check if it's Thursday to set it to block. You can take out the hour stuff as well. Here's the final code:

onload = function(){
    var day = (new Date()).getDay();
    var newDisplay = 'none'; // unless it's Thursday
    if(day == 4) newDisplay = 'block';
    document.getElementById('thursday').style.display = newDisplay;
};

Upvotes: 4

Related Questions