JavaScript zapewnia różnorodne metody budowania najnowocześniejszych komponentów internetowych w celu zwiększenia interaktywności strony internetowej. Cyfrowy zegar jest kluczowym elementem każdej strony internetowej, która pokazałaby bieżący czas na konkretnej części strony internetowej.

W dzisiejszym przewodniku pokażemy sposób utworzenia cyfrowego zegara za pomocą JavaScript.

Jak zaprojektować zegar cyfrowy za pomocą JavaScript?

Zaobserwowałbyś cyfrowe zegary na większości stron internetowych. Czy kiedykolwiek myślałeś, jak są tworzone? To JavaScript umożliwia umieszczenie na żywo zegarów cyfrowych na stronach internetowych. Zobaczmy, jak możesz to stworzyć.

Przed wejściem w szczegóły musisz znać działanie kilku wbudowanych metod JavaScript, które zostaną użyte w tym przykładzie. Metoda data () jest kluczowym elementem tworzenia zegara cyfrowego, ponieważ zawiera datę, godzinę, rok itp. Ponadto zostaną również zastosowane następujące metody:

• getseconds (): Aby uzyskać sekundy.
• getminutes (): Aby pobrać minuty.
• gethours (): Aby uzyskać godzinę.

Przykład

Poniższy przykładowy kod reprezentuje tworzenie zegara cyfrowego za pomocą JavaScript.

Kod

Witamy w cyfrowym zegarku za pomocą JavaScript

Opis kodu jest następujący:

• czas rozpoczęcia() Metoda jest zdefiniowana, w której wyodrębniasz bieżącą datę, wykorzystując Data() metoda.
• Ponadto obiekt metody data () jest używany z metodami gettomeConds (), gethours () i getminutes () do wyodrębnienia sekund, godzin i minut.
• Potem Czas() Metoda jest wykorzystywana do umieszczenia zeru po lewej stronie liczby, jeśli liczba jest mniejsza niż zero.

Wyjście

Wyjście reprezentuje, że na stronie internetowej jest wyświetlany prosty zegar cyfrowy.

Wniosek

Zegar cyfrowy można utworzyć za pomocą metody dat () i zastosowania obiektu metody dat () w metodach gettomEConds (), getMinutes () i gethours (). W tym artykule użytkownik nauczył się projektować zegar cyfrowy w JavaScript. Do wyodrębnienia sekundy, minut i godzin od metody daty stosowane są metody GetSeconds (), getminutes () i gethours ().