除星期四外每天隐藏一个div

时间:2015-06-04 22:11:27

标签: javascript html hide

尝试每天使用此脚本隐藏以下div除外。无法让它发挥作用。 JS仍然是新的,所以我做错了什么?

<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>

1 个答案:

答案 0 :(得分:4)

由于您最初将display设置为none,因此您只想检查周四是否将其设置为block。你也可以拿出hour的东西。这是最终的代码:

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;
};