Javascript 根据一天中的时间显示不同的复选框

大家好，我只是想知道是否可以根据当前时间显示不同的复选框。我正在构建一个药物提醒应用程序，因此该应用程序将根据当前时间显示用户应服用的不同药物。例如，在下午1点，复选框可能会显示“药物A”、“药物C”。晚上9点，复选框可能会显示“药物B”

这是我目前拥有的，但正如你所看到的，无论当前时间是什么，它都会显示相同的复选框

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

药物A

药物B

药物C

您可以在页面加载时检查小时并设置显示

JS:

HTML:

药物A
药物B
药物C

您可能希望使用javascript的setInterval每隔一段时间运行一次测试函数，以便在页面已加载且小时数发生变化时，您的页面/视图将更新

---

fiddle:

您可以在页面加载时检查小时并设置显示

JS:

HTML:

药物A
药物B
药物C

您可能希望使用javascript的setInterval每隔一段时间运行一次测试函数，以便在页面已加载且小时数发生变化时，您的页面/视图将更新

---

fiddle:

我喜欢您验证小时并向函数传递布尔值的方式，而不是在函数中传递布尔值的方式。谢谢，我将尝试一下！我喜欢您验证小时并将布尔值传递给函数而不是函数内的方式。谢谢，我将尝试一下！

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

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