Cycling/changing message using JS
- Thread starter IanKava
- Start date
- Joined
- Nov 13, 2020
- Messages
- 302
- Reaction score
- 38
We will use a simple array to hold all 24 messages. Then we'll find the time. Well, we'll find the day hour minute second year of the user's computer. We will do this when the user logs in to the site. NOTE: If they stay on site for longer than an hour the message does not change. The time we get is a 24-hour clock.
I am lazy so you need to expand the array for the rest of the messages.
I am lazy so you need to expand the array for the rest of the messages.
Code:
<body>
<p id="time"></p>
<script>
const sayings = [];
sayings[0] = "message 1";
sayings[1] = "message 2";
sayings[2] = "message 3";
sayings[3] = "message 4";
sayings[4] = "message 5";
sayings[5] = "message 6";
sayings[6] = "message 7";
const date = new Date();
let hour = date.getHours();
document.getElementById("time").innerHTML = sayings[hour];
</script>
</body>