New to coding - image to the time of day based on time


Joined
May 14, 2022
Messages
1
Reaction score
0
Hi all, trying to write a code in JS and HTML to display an image based on the day of time. trying to use 4 images, morning, noon, sunset then night. this is what I have so far, but it's not running properly for me.

<!DOCTYPE html>
<html>
<head>
</head>

<<body>
<img src="" alt="" id="image_1" />
</body>

<script>
var day = new Date();
var today =parseInt(day.getDay());
var hour = parseInt(day.getHours());
var minutes = parseInt(day.getMinutes());
var imgElem=document.getElementById('image_1');

(function(){
if (day === 1) {
if (hour >= 6 && min >= 01 && hour < 12) {
img = "image1"; // for when between 6:00 and 12
} else if (hour >= 12 && hour < 1) {
img = "image2"; // for between 12 and 1
} else if (hour >= 1 && min >= 01 && hour < 18) {
img = "image3"; // for between 6 and 9
} else {
img = "image4"; // for between 18 and 6
}
}

})();
</script>
</html>
 
Ad

Advertisements

Joined
Mar 11, 2022
Messages
181
Reaction score
24
Please use the "code" capsule. It's har to read.
What exactly isn't going well? imgElem never ever will have an image, because you missed something.

Code:
imgElem.src=img;
 
Ad

Advertisements


Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top