Div's niet laten zien, met tijdscript.

Door Ernesto Bleijenberg op 03-01-2014 19:27 gewijzigd op 03-01-2014 19:46

1.874 views

Hallo,

Ik heb een code gemaakt waarbij ik op verschillende tijden een nieuwe div laat zien. Alleen hij laat nu alle div's zien, terwijl dat er maar een moet zijn, die hij in de javascript moet oppakken. Hier de code:

<html><head>
<script type="text/javascript">

var d = new Date();
var iUur = d.getHours(); //Zondag is 0
var iWeekDag = d.getDay(); // Huidig uur

$("div.header").hide(0)

if (iWeekDag == 0) {
    //zondag
    if (iUur >= 23) {
        // na 11 uur
        $("#info").show(0);
    } else if (iUur >= 18) {
        // tussen 18 en 23 uur
        $("#info").show(0);
    } else {
        //voor 18 uur
        $("#info").show(0);
    }

} else if (iWeekDag == 1) {
    //maandag
    if (iUur >= 23) {
        // na 11 uur
        $("#info").show(0);
    } else if (iUur >= 18) {
        // tussen 18 en 23 uur
        $("#info").show(0);
    } else {
        //voor 18 uur
        $("#info").show(0);
    }

} else if (iWeekDag == 2) {
    //dinsdag
    if (iUur >= 23) {
        // na 11 uur
        $("#info").show(0);
    } else if (iUur >= 18) {
        // tussen 18 en 23 uur
        $("#info").show(0);
    } else {
        //voor 18 uur
        $("#info").show(0);
    }
} else if (iWeekDag == 3) {
    //woensdag
    if (iUur >= 23) {
        // na 23 uur
        $("#morgen").show(0);
    } else if (iUur >= 13) {
        // tussen 13 en 23 uur
        $("#morgen").show(0);
    } else {
        //voor 13 uur
        $("#info").show(0);
    }
} else if (iWeekDag == 4) {
    //donderdag
    if (iUur >= 23) {
        // na 23 uur
        $("#end").show(0);
    } else if (iUur >= 21) {
        // tussen 21 en 23 uur
        $("#LIVE").show(0);
    } else if (iUur >= 20) {
        // tussen 20 en 21 uur
        $("#begin").show(0);
    } else {
        //voor 20 uur
        $("#vandaag").show(0);
    }
} else if (iWeekDag == 5) {
    //vrijdag
    if (iUur >= 23) {
        // na 11 uur
        $("#info").show(0);
    } else if (iUur >= 18) {
        // tussen 18 en 23 uur
        $("#info").show(0);
    } else {
        //voor 18 uur
        $("#info").show(0);
    }
} else if (iWeekDag == 6) {
    //zaterdag
    if (iUur >= 23) {
        // na 23 uur
        $("#endhh").show(0);
    } else if (iUur >= 21) {
        // tussen 21 en 23 uur
        $("#hh").show(0);
    } else if (iUur >= 20) {
        // tussen 20 en 21 uur
        $("#zometeenhh").show(0);
    } else {
        //voor 20 uur
        $("#info").show(0);
    }
}
>  

</script>
</head>
<body>
<div class="header" id="info">Elke donderdagavond van 21:00-23:00 uur op AAFM</div>
<div class="header" id="LIVE">The YoungZones is LIVE! Kijk <a href="/live.html"> hier</a> mee!</div>
<div class="header" id="end">De uitzending is net afgelopen, volgende week weer!</div>
<div class="header" id="endhh">De herhaling is net afgelopen, donderdag zijn we er weer!</div>
<div class="header" id="begin">Binnen een uur zijn we weer bij je!</div>
<div class="header" id="morgen">Morgenavond tussen 21:00-23:00 uur zijn we er weer!</div>
<div class="header" id="hh">Nu LIVE: De herhaling van donderdagavond.</div>
<div class="header" id="vandaag">Vanavond tussen 21:00-23:00 uur zijn we er weer!</div>
<div class="header" id="zometeenhh">Vanaf 21u LIVE: De herhaling van donderdagavond.</div> 
</body></html>

Wie kan het probleem vinden?
Alvast bedankt!