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>