時刻に基づいて特定の要素の外観を変更するために使用している Javascript コードがあります。
私の質問は次のとおりです。これらの外観の変更を、ページ上で「ライブ」で表示できるようにする方法はありますか?
<script type="text/javascript">
function getDayTime(hours) {
if (hours > 20 || hours < 5)
return "night";
if (hours > 17)
return "dusk";
if (hours > 8)
return "day";
return "dawn";
}
$(function() {
document.body.className = getDayTime(new Date().getHours());
});
</script>