// We don't need Javascript, if we make static websites! // @Si Ogn // July 2018 function init() { runTime(); } var aHour = [ ["1", "eins"], ["2", "zwei"], ["3", "drei2"], ["4", "vier"], ["5", "fuenf2"], ["6", "sechs"], ["7", "sieben"], ["8", "acht"], ["9", "neun"], ["10", "zehn"], ["11", "elf"], ["12", "zwoelf"]]; var aMin = {}; var aJunc = {}; function runTime() { removeHighlights(); var now = new Date(); var h = now.getHours(); var m = now.getMinutes(); var s = now.getSeconds(); m = m<10?m='0'+m:m; s = s<10?s='0'+s:s; if (h>=12) { document.getElementById('am').classList.remove('ampm'); document.getElementById('pm').classList.add('ampm'); } else { document.getElementById('am').classList.add('ampm'); document.getElementById('pm').classList.remove('ampm'); } h= h>12?h-=12:h; document.getElementById('complete').innerHTML = h + ":" + m + ":" + s ; setLetters(h, m); var t = setTimeout(runTime, 1000); } function setLetters(h, m) { document.getElementById('es').classList.add('highlight'); document.getElementById('ist').classList.add('highlight'); document.getElementById('uhr').classList.add('highlight'); switch (h) { case 9: case 10: document.getElementById(getArEl(h, aHour)).classList.add('highlight'); document.getElementById('znMix').classList.add('highlight'); break; case 5: case 11: document.getElementById('efMix').classList.add('highlight'); document.getElementById(getArEl(h, aHour, 0)).classList.add('highlight'); break; default: document.getElementById(getArEl(h, aHour, 0)).classList.add('highlight'); break; } if (m >= 5 && m < 10) { //5 nach ganz document.getElementById('fuenf1').classList.add('highlight'); document.getElementById('nach').classList.add('highlight'); //document.getElementById(getArEl(h, aHour, 0)).classList.remove('highlight'); } else if (m >=10 && m < 15) { document.getElementById('zehn1').classList.add('highlight'); document.getElementById('nach').classList.add('highlight'); //document.getElementById(getArEl(h, aHour, 0)).classList.remove('highlight'); } else if (m >=15 && m < 20) { document.getElementById('viertel').classList.add('highlight'); document.getElementById('nach').classList.add('highlight'); //document.getElementById(getArEl(h, aHour, 0)).classList.remove('highlight'); } else if (m >=20 && m < 25) { document.getElementById('zwanzig').classList.add('highlight'); document.getElementById('nach').classList.add('highlight'); //document.getElementById(getArEl(h, aHour, 0)).classList.remove('highlight'); } else if (m >=25 && m < 30) { document.getElementById('fuenf1').classList.add('highlight'); document.getElementById('vor').classList.add('highlight'); document.getElementById('halb').classList.add('highlight'); document.getElementById(getArEl(h, aHour, 0)).classList.remove('highlight'); document.getElementById(getArEl(h, aHour, 1)).classList.add('highlight'); if ((h+1)%12 == 9 || (h+1)%12 == 10) { document.getElementById('znMix').classList.add('highlight'); } else { document.getElementById('znMix').classList.remove('highlight'); } if ((h+1)%12 == 5 || (h+1)%12 == 11) { document.getElementById('efMix').classList.add('highlight'); } else { document.getElementById('efMix').classList.remove('highlight'); } } else if (m >=30 && m < 35) { document.getElementById('halb').classList.add('highlight'); document.getElementById(getArEl(h, aHour, 0)).classList.remove('highlight'); document.getElementById(getArEl(h, aHour, 1)).classList.add('highlight'); if ((h+1)%12 == 9 || (h+1%12) == 10) { document.getElementById('znMix').classList.add('highlight'); } else { document.getElementById('znMix').classList.remove('highlight'); } if ((h+1%12) == 5 || (h+1%12) == 11) { document.getElementById('efMix').classList.add('highlight'); } else { document.getElementById('efMix').classList.remove('highlight'); } } else if (m >=35 && m < 40) { document.getElementById('fuenf1').classList.add('highlight'); document.getElementById('nach').classList.add('highlight'); document.getElementById('halb').classList.add('highlight'); document.getElementById(getArEl(h, aHour, 0)).classList.remove('highlight'); document.getElementById(getArEl(h, aHour, 1)).classList.add('highlight'); if ((h+1%12) == 9 || (h+1%12) == 10) { document.getElementById('znMix').classList.add('highlight'); } else { document.getElementById('znMix').classList.remove('highlight'); } if ((h+1%12) == 5 || (h+1%12) == 11) { document.getElementById('efMix').classList.add('highlight'); } else { document.getElementById('efMix').classList.remove('highlight'); } } else if (m >=40 && m < 45) { document.getElementById('zehn1').classList.add('highlight'); document.getElementById('nach').classList.add('highlight'); document.getElementById('halb').classList.add('highlight'); document.getElementById(getArEl(h, aHour, 0)).classList.remove('highlight'); document.getElementById(getArEl(h, aHour, 1)).classList.add('highlight'); if ((h+1%12) == 9 || (h+1%12) == 10) { document.getElementById('znMix').classList.add('highlight'); } else { document.getElementById('znMix').classList.remove('highlight'); } if ((h+1%12) == 5 || (h+1%12) == 11) { document.getElementById('efMix').classList.add('highlight'); } else { document.getElementById('efMix').classList.remove('highlight'); } } else if (m >=45 && m < 50) { document.getElementById('viertel').classList.add('highlight'); document.getElementById('vor').classList.add('highlight') document.getElementById(getArEl(h, aHour, 0)).classList.remove('highlight'); document.getElementById(getArEl(h, aHour, 1)).classList.add('highlight'); if ((h+1%12) == 9 || (h+1%12) == 10) { document.getElementById('znMix').classList.add('highlight'); } else { document.getElementById('znMix').classList.remove('highlight'); } if ((h+1%12) == 5 || (h+1%12) == 11) { document.getElementById('efMix').classList.add('highlight'); } else { document.getElementById('efMix').classList.remove('highlight'); } } else if (m >=50 && m < 55) { document.getElementById('zehn1').classList.add('highlight'); document.getElementById('vor').classList.add('highlight'); document.getElementById(getArEl(h, aHour, 0)).classList.remove('highlight'); document.getElementById(getArEl(h, aHour, 1)).classList.add('highlight'); if ((h+1%12) == 9 || (h+1%12) == 10) { document.getElementById('znMix').classList.add('highlight'); } else { document.getElementById('znMix').classList.remove('highlight'); } if ((h+1%12) == 5 || (h+1%12) == 11) { document.getElementById('efMix').classList.add('highlight'); } else { document.getElementById('efMix').classList.remove('highlight'); } } else if (m >=55 && m < 60) { document.getElementById('fuenf1').classList.add('highlight'); document.getElementById('vor').classList.add('highlight'); if ((h+1%12) == 9 || (h+1%12) == 10) { document.getElementById('znMix').classList.add('highlight'); } else { document.getElementById('znMix').classList.remove('highlight'); } if ((h+1%12) == 5 || (h+1%12) == 11) { document.getElementById('efMix').classList.add('highlight'); } else { document.getElementById('efMix').classList.remove('highlight'); } document.getElementById(getArEl(h, aHour, 0)).classList.remove('highlight'); document.getElementById(getArEl(h, aHour, 1)).classList.add('highlight'); } else { document.getElementById(getArEl(h, aHour, 0)).classList.add('highlight'); } } function getArEl(s, arr, offset) { var pos = -1; for (var i = 0; i

What time is it?