function hi(){ var z = document.getElementById("idk"); var y = new Date(); var x = y.getSeconds(); var a = y.getMinutes(); var b = y.getHours(); var s = a; var pm = b; while(s > 10){ s -= 10; } if(b > 12){ b -= 12; } //z.innerHTML = b + ":" + a + ":" + x; switch(true){ case b == 12 || b == 0: var htw = document.getElementById("htw"); htw.style.backgroundColor = "#00aa00"; case b == 11: var hel = document.getElementById("hel"); hel.style.backgroundColor = "#00aa00"; case b == 10: var hte = document.getElementById("hte"); hte.style.backgroundColor = "#00aa00"; case b == 9: var hn = document.getElementById("hn"); hn.style.backgroundColor = "#00aa00"; case b == 8: var he = document.getElementById("he"); he.style.backgroundColor = "#00aa00"; case b == 7: var hs = document.getElementById("hs"); hs.style.backgroundColor = "#00aa00"; case b == 6: var hsi = document.getElementById("hsi"); hsi.style.backgroundColor = "#00aa00"; case b == 5: var hf = document.getElementById("hf"); hf.style.backgroundColor = "#00aa00"; case b == 4: var hfo = document.getElementById("hfo"); hfo.style.backgroundColor = "#00aa00"; case b == 3: var hth = document.getElementById("hth"); hth.style.backgroundColor = "#00aa00"; case b == 2: var ht = document.getElementById("ht"); ht.style.backgroundColor = "#00aa00"; case b == 1: var hth = document.getElementById("ho"); ho.style.backgroundColor = "#00aa00"; break; default: var hours = document.getElementById("hours").children; hours[0].style.backgroundColor = "#ffffff"; hours[1].style.backgroundColor = "#ffffff"; hours[2].style.backgroundColor = "#ffffff"; hours[3].style.backgroundColor = "#ffffff"; hours[4].style.backgroundColor = "#ffffff"; hours[5].style.backgroundColor = "#ffffff"; hours[6].style.backgroundColor = "#ffffff"; hours[7].style.backgroundColor = "#ffffff"; hours[8].style.backgroundColor = "#ffffff"; hours[9].style.backgroundColor = "#ffffff"; hours[10].style.backgroundColor = "#ffffff"; hours[11].style.backgroundColor = "#ffffff"; } switch(true){ case a >= 55 && a < 60: var mfif = document.getElementById("mfif"); mfif.style.backgroundColor = "#00aa00"; case a >= 50: var mfi = document.getElementById("mfi"); mfi.style.backgroundColor = "#00aa00"; case a >= 45: var mfof = document.getElementById("mfof"); mfof.style.backgroundColor = "#00aa00"; case a >= 40: var mfo = document.getElementById("mfo"); mfo.style.backgroundColor = "#00aa00"; case a >= 35: var mthf = document.getElementById("mthf"); mthf.style.backgroundColor = "#00aa00"; case a >= 30: var mth = document.getElementById("mth"); mth.style.backgroundColor = "#00aa00"; case a >= 25: var mtf = document.getElementById("mtf"); mtf.style.backgroundColor = "#00aa00"; case a >= 20: var mtw = document.getElementById("mtw"); mtw.style.backgroundColor = "#00aa00"; case a >= 15: var mft = document.getElementById("mft"); mft.style.backgroundColor = "#00aa00"; case a >= 10: var mt = document.getElementById("mt"); mt.style.backgroundColor = "#00aa00"; case a >= 5: var mf = document.getElementById("mf"); mf.style.backgroundColor = "#00aa00"; break; default: var minutes = document.getElementById("minutes").children; minutes[0].style.backgroundColor = "#ffffff"; minutes[1].style.backgroundColor = "#ffffff"; minutes[2].style.backgroundColor = "#ffffff"; minutes[3].style.backgroundColor = "#ffffff"; minutes[4].style.backgroundColor = "#ffffff"; minutes[5].style.backgroundColor = "#ffffff"; minutes[6].style.backgroundColor = "#ffffff"; minutes[7].style.backgroundColor = "#ffffff"; minutes[8].style.backgroundColor = "#ffffff"; minutes[9].style.backgroundColor = "#ffffff"; minutes[10].style.backgroundColor = "#ffffff"; } switch(true){ case s >= 9 && s < 10: var smf = document.getElementById("smf"); smf.style.backgroundColor = "#00aa00"; case s >= 8 && s < 10: var smf = document.getElementById("smth"); smf.style.backgroundColor = "#00aa00"; case s >= 7 && s < 10: var smf = document.getElementById("smt"); smf.style.backgroundColor = "#00aa00"; case s >= 6 && s < 10: var smf = document.getElementById("smo"); smf.style.backgroundColor = "#00aa00"; break; case s >= 4 && s < 5: var smf = document.getElementById("smf"); smf.style.backgroundColor = "#00aa00"; case s >= 3 && s < 5: var smth = document.getElementById("smth"); smth.style.backgroundColor = "#00aa00"; case s >= 2 && s < 5: var smt = document.getElementById("smt"); smt.style.backgroundColor = "#00aa00"; case s >= 1 && s < 5: var smo = document.getElementById("smo"); smo.style.backgroundColor = "#00aa00"; break; default: var sminutes = document.getElementById("sminutes").children; sminutes[0].style.backgroundColor = "#ffffff"; sminutes[1].style.backgroundColor = "#ffffff"; sminutes[2].style.backgroundColor = "#ffffff"; sminutes[3].style.backgroundColor = "#ffffff"; } switch(true){ case pm == 24: var pam = document.getElementById("pm"); var am = document.getElementById("am"); pam.style.backgroundColor = "#ffffff"; am.style.backgroundColor = "#00aa00"; break; case pm >= 12 && pm < 24: var pam = document.getElementById("pm"); var am = document.getElementById("am"); pam.style.backgroundColor = "#00aa00"; am.style.backgroundColor = "#ffffff"; break; default: var pam = document.getElementById("pm"); var am = document.getElementById("am"); pam.style.backgroundColor = "#ffffff"; am.style.backgroundColor = "#00aa00"; } } window.onload = function(){ setInterval(hi,1000); };

Binary Clock