var d = "00:11:40".split(":"); var hr = parseInt(d[0]); var min = parseInt(d[1]); var sec = parseInt(d[2]); if(hr < 9 || hr >= 21) { document.getElementById("clockContainer1").style.backgroundColor = "lightblue"; } var hr_rotation = 30 * hr + min / 2; var min_rotation = 6 * min; var sec_rotation = 6 * sec; document.getElementById("hour1").style.transform = `rotate(${hr_rotation}deg)`; document.getElementById("minute1").style.transform = `rotate(${min_rotation}deg)`; document.getElementById("second1").style.transform = `rotate(${sec_rotation}deg)`;