Stworzyłem zegar w JavaScript który pokazuje sekundy. Zegar ten działa na bazie dynamicznego kreowania elementu. Nietypowy problem polega na tym ze zegar nie chce mi prawidłowo wyświetlać się jeżeli nie określę w js tła jaki ma mieć element. Przykładowo jeżeli określę dla elementu zz ( nazwa kreowanego elementu) jakiekolwiek tło ( czyli " zz.style.backgroundColor = 'blue' ; " ) to zegar prawidłowo się odświeża i co sekundę zobaczymy nową liczbę sekund. Ale jeżeli tą jedną linijkę usunę z kodu to skrypt zamiast odświeżać co sekundę zawartość elementu jakby nakłada nową liczbę na starą ( i w podglądzie źródła strony wygląda na to że zamiast odświeżania element jest ponownie tworzony co sekundę ( i oczywiście stary nie jest likwidowany ) . Po paru sekundach takiego działania nie widać liczby bo wszystkie są na siebie nałożone. Chciałbym zrobić ten element bez określania tła i tutaj pytanie czy wie ktoś co zrobić


Tutaj kod
function zegar() { var Alles = document.querySelector("body") ; var zz = document.createElement('div') ; zz.style.position = 'absolute' ; zz.style.top = '3cm' ; zz.style.right = '6cm' ; zz.style.backgroundColor = 'blue' ; // ten element zz.style.color = 'white' ; var data = new Date(); var day = data.getDate(); if(day<10) { day = "0" + data.getDate(); } var Monat = data.getMonth() ; if(Monat<10) { Monat = "0" + data.getMonth(); } var rok = data.getFullYear() ; var minute = data.getMinutes() ; var godz = data.getHours() ; var sk = data.getSeconds() ; var days = day + " . " + Monat + " . " + rok ; var Zeit = godz + " : " + minute + " : " + sk ; var Alle = Zeit + " ///" + days zz.textContent = Alle ; Alles.appendChild(zz) ; setTimeout("zegar()",1000) ; }