• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Html Table Zegar

VPS Starter Arubacloud
0 głosów
1,331 wizyt
pytanie zadane 9 lutego 2018 w HTML i CSS przez Sanchezklub Początkujący (400 p.)
Dzień dobry

Potrzebuje pomocy w wstawieniu zegaru. W odcinku 3 Html https://www.youtube.com/watch?v=5y3Qc9Qs6TY  było przedstwawione jak wstawic zegar w komorce z div a czy jest mozliwosc aby wstwic ten zegar w komorce <td> ??? Jezeli sie da to prosze o przykład

<td width="100" name="zegar"> </td>

PS plik zegar pochodzi oczywscie z plikow do kursu

function odliczanie()
    {  var dzisiaj = new Date();
        var godzina = dzisiaj.getHours();
        if (godzina<10) godzina = "0"+godzina;
        var minuta = dzisiaj.getMinutes();
        if (minuta<10) minuta = "0"+minuta;
        var sekunda = dzisiaj.getSeconds();
        if (sekunda<10) sekunda = "0"+sekunda;
        document.getElementById("zegar").innerHTML =godzina+":"+minuta+":"+sekunda;
         setTimeout("odliczanie()",1000);    }

1 odpowiedź

0 głosów
odpowiedź 9 lutego 2018 przez Tomek Sochacki Ekspert (227,510 p.)
wybrane 10 lutego 2018 przez Sanchezklub
 
Najlepsza

Musiałbyś tej komórce nadać ID="zegar" bo do takiego elementu się odnosisz, a nadajesz jej jedynie atrybut name.

I nie:

setTimeout("odliczanie()",1000);

tylko:

setTimeout( odliczanie, 1000 );

Przekazuj odniesienie do funkcji, a nie jej wywołanie. Nie wywołujesz jej z żadnymi argumentami więc nie trzeba stosować dodatkowego callback function. Ale w tym kodzie szczerze mówiąc to trochę bym pozmieniał... ale to najlepiej zrób na codepen jeśli chciałbyś jakieś review.

Pozdrawiam

komentarz 9 lutego 2018 przez Sanchezklub Początkujący (400 p.)
nie wsykakuje blad ale nie ma poprostu tego a zegar jest poporstu skopiowany z pliku dodatku do odcinka
komentarz 9 lutego 2018 przez Tomek Sochacki Ekspert (227,510 p.)
Daj na codepen to zobaczymy co jest nie tak.
komentarz 9 lutego 2018 przez Sanchezklub Początkujący (400 p.)
edycja 9 lutego 2018 przez Sanchezklub
dalem na codepen ale ten zegar sie poprostu nie pojawia i nie wyskakuja zadne bledy

nie wiem czy zadziała https://codepen.io/Sanchezklub/pen/vdxgrJ
komentarz 9 lutego 2018 przez Tomek Sochacki Ekspert (227,510 p.)
https://codepen.io/anon/pen/bLqqBy

Bo Kolego nigdzie nie uruchomiłeś tej funkcji :)

Dodałem ją jako IIFE i poprawiłem referencję w setTimeout.

Jak znajdę chwilę wieczorem to dam Ci parę wskazówek do tego kodu bo przyznam, że nie jest on najlepszy.
komentarz 9 lutego 2018 przez Sanchezklub Początkujący (400 p.)
dziekuje bardzo. dopiero zaczynam swoja przygode ale na razie z java scriptu jestem zielony
komentarz 9 lutego 2018 przez Tomek Sochacki Ekspert (227,510 p.)
function odliczanie()
    {  var dzisiaj = new Date();
        var godzina = dzisiaj.getHours();
        if (godzina<10) godzina = "0"+godzina; 
        var minuta = dzisiaj.getMinutes();
        if (minuta<10) minuta = "0"+minuta;
        var sekunda = dzisiaj.getSeconds();
        if (sekunda<10) sekunda = "0"+sekunda;
        document.getElementById("zegar").innerHTML =godzina+":"+minuta+":"+sekunda;
         setTimeout("odliczanie()",1000);    }

Skoro zaczynasz to polecam chyba zmienić źródło nauki JS. Nie znam tego kursu o którym piszesz więc nie chciałbym go oceniać jako całości, ale w powyższym kodzie można by na szybko wskazać parę uwag:

  1. brak odpowiedniego formatowania wg jakichkolwiek reguł (wcięcia, umiejscowienie nawiasów itp.
  2. polskie nazwy zmiennych i funkcji... standard to angielski i tego bym się trzymał
  3. brak klamerek po IF. Teoretycznie można ich nie dawać przy jednej instrukcji, ale w praktyce wg mnie trzeba dawać zawsze.
  4. zapis:
    if (sekunda<10) sekunda = "0"+sekunda;
    można uprościć do:
    if (sekunda<10) {
        sekunda += "0";
    }
    
  5. Troszkę ryzykujesz mieszając typy zmiennych bez jawnego ich konwertowania. Na przykład metoda getSeconds() zwraca Ci typ number, a potem dodajesz do niej "0", czyli de facto dokonujesz tzw. konkatenacji ciągów znakowych (number jest niejawnie konwertowany do string). Tutaj jest to oki, ale uważaj na to podczas nauki. JS pozwala na dużą swobodę jeśli chodzi o typy zmiennych ale trzeba to "narzędzie" stosować rozsądnie i z pełną tego świadomością. Poczytaj dokładnie o konkatenacji ciągów znakowych w JS to zrozumiesz o czym piszę.
  6. setTimeout - nigdy nie podawaj w ten sposób funkcji. Jeśli musiałbym wywołać funkcję z argumentami to użyj pośredniej callback function.
  7. Poczytaj troszkę o innerHTML i textContent, aby wydajniej operować na DOM.
  8. Warto wg mnie w dzisiejszych czasach od razu uczyć się deklarowania przez let/const, a nie var.

Generalnie polecałbym Ci na początek pobawić się samym html i css tak żeby co nieco tego łyknąć i przede wszystkim opanować troszkę samo pisanie kodu itp. Potem sięgnij może po jakąś książkę czy nowszy kurs o JS i staraj się nie kopiować na ślepo kodu tylko pisać go i zrozumieć. I taka rada na wstępie, postaraj się na początku unikać nadmiernego korzystania z jQuery aby opanować czysty JS. Potem jak wejdziesz w stronki www to pewnie i tak trafisz nie raz na jQuery ale będziesz już wiedział co się dzieje pod spodem i w razie czego szybciej rozwiążesz różne problemy.

Podobne pytania

0 głosów
1 odpowiedź 194 wizyt
pytanie zadane 20 kwietnia 2017 w HTML i CSS przez sapero Gaduła (4,100 p.)
0 głosów
0 odpowiedzi 216 wizyt
pytanie zadane 23 kwietnia 2022 w Systemy operacyjne, programy przez K4 Nowicjusz (120 p.)
0 głosów
1 odpowiedź 131 wizyt
pytanie zadane 12 stycznia 2019 w JavaScript przez Q7V Gaduła (4,250 p.)

92,452 zapytań

141,262 odpowiedzi

319,085 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...