Welcome aboard! We are happy you are here and wish you good net-raft!
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div id="test" style="Height: 50px; font-weight:bold;margin-top: 30px;"><span style="padding-top: 15px;position: absolute;">This is banner of colors</span></div>
<script>
var div = document.getElementById('test');
var window1 = window.innerWidth / 2.2;
div.style.paddingLeft = window1 + "px";
setInterval(function () {
var d = new Date();
var time = d.getSeconds();
var color = ["blue", "red", "green", "blue", "red", "green", "blue", "red", "green", "blue", "red", "green", "blue", "red", "green", "blue", "red", "green", "blue", "red", "green", "blue", "red", "green", "blue", "red", "green", "blue", "red", "green", "blue", "red", "green", "blue", "red", "green", "blue", "red", "green", "blue", "red", "green", "blue", "red", "green", "blue", "red", "green", "blue", "red", "green", "blue", "red", "green", "blue", "red", "green", "blue", "red", "green"];
var div = document.getElementById('test');
div.style.backgroundColor = color[time];
}, 1000);
</script>
</body>
</html>
The most helpful JAVASCRIPT solutions
How can I get the last day and the next day in javascript ?JAVASCRIPT Click to see more ... 5.8K 507