Anzeige verschiedener Checkboxen basierend auf der Tageszeit

Question

Hallo allerseits, ich frage mich nur, ob es möglich ist, verschiedene Checkboxen basierend auf der aktuellen Uhrzeit anzuzeigen. Ich erstelle eine Medikamentenerinnerungsanwendung, sodass die Anwendung verschiedene Medikamente anzeigt, die der Benutzer basierend auf der aktuellen Uhrzeit einnehmen sollte. So könnten zum Beispiel um 13 Uhr die Checkboxen "Medikation A", "Medikation C" angezeigt werden. Und um 21 Uhr könnte das Kontrollkästchen "Medikation B" anzeigen.

Dies ist, was ich im Moment habe, aber wie Sie sehen können, wird es die gleichen Checkboxen anzeigen, unabhängig davon, was die aktuelle Zeit ist.

<form> 
<input type="checkbox" name="Med A" value="A">Medication A<br> 
<input type="checkbox" name="Med B" value="B">Medication B<br> 
<input type="checkbox" name="Med C" value="C">Medication C<br> 
<input id=xbutton type="button" onClick="validate()" value="Submit"> 
</form> 

Answer 1

Sie können die Stunden überprüfen und die Anzeige einstellen, wenn die Seite geladen wird.

JS:

var hour = (new Date()).getHours(); 

showMed('A', hour == 13); 
showMed('B', hour == 21); 
showMed('C', hour == 13); 

function showMed(med, show) { 
    document.getElementById('med' + med).style.display = show ? '' : 'none'; 
} 

HTML:

<form> 
<div id='medA'> 
    <input type="checkbox" name="Med A" value="A">Medication A 
</div> 
<div id='medB'> 
    <input type="checkbox" name="Med B" value="B">Medication B 
</div> 
<div id='medC'> 
    <input type="checkbox" name="Med C" value="C">Medication C 
</div> 
</form> 

Vielleicht möchten Sie Javascript des setInterval verwenden, um die Testfunktion jeder einmal in eine Weile zu laufen, so dass, wenn die Seite bereits, und die Stunden Änderungen geladen Ihre Seite/Ansicht wird aktualisiert.

Geige: https://jsfiddle.net/y3v3njq2/2/