Message displayed by time of day

Updated: 12/31/2020 by Computer Hope

Below is JavaScript source code and an example of how to display a message to web page visitors based on the time of day. Our example source code utilizes the hour of the day to display a specific message to web page visitors.

Example

Source code

<script type="text/javascript">
document.write("<p>");
var day = new Date();
var hr = day.getHours();
if (hr == 1) {
 document.write("Good morning! 1AM and still your going! ");
}
if (hr == 2) {
 document.write("Hey, it is past 2AM! The bars must be closed!");
}
if (hr == 3) {
 document.write("Hey, it is after 3AM! Are you a vampire or what?");
}
if (hr == 4) {
 document.write("4AM? You must roam all night huh!");
}
if (hr == 5) {
 document.write("Whoa! It's almost daylight and your still going!");
}
if (hr == 6) {
 document.write("Hey, isn't it too early to be using your computer");
}
if ((hr == 6) || (hr == 7) || (hr == 8) || (hr == 9) || (hr == 10)) {
 document.write("Good Morning!");
}
if (hr == 11) {
 document.write("11AM... Is it time for lunch yet?");
}
if (hr == 12) {
 document.write("NOON! Great, it must be time for lunch!");
}
if (hr == 14) {
 document.write("It's 2PM. Have you eaten lunch yet?");
}
if ((hr == 15) || (hr == 16) || (hr == 13)) {
 document.write("Good Afternoon!");
}
if ((hr == 17) || (hr == 18) || (hr == 19) || (hr == 20) || (hr == 21) || (hr == 22)) {
 document.write("Good Evening! Welcome to prime time on the web!");
}
if (hr == 23) {
 document.write("It's almost midnight...Aren't you sleepy yet?");
}
if (hr==0) {
 document.write("It's midnight... do you ever sleep?");
}
document.write("</p>");
</script>