Dream Of Code: change background color according to night or day

Monday, 2 November 2015

Source code to change background color according to Day/Night

//Javascript code to change background color according to day/night.
//We can change background image instead of color as well.

<html>
<head>
<script>
function dayandnight(){
var current = new Date();
var day_night = current.getHours();
if (day_night < 12){
//Day
var bodyColor = document.getElementsByTagName("BODY")[0];
bodyColor.style.backgroundColor = "blue";
document.write("Day");
}
else{
//Night
var bodyColor = document.getElementsByTagName("BODY")[0];
bodyColor.style.backgroundColor = "red";
document.write("Night");
}
}
</script>
</head>
<body>
<script type="text/javascript">
dayandnight();
</script>

</body>
</html>