Hvordan designe digital klokke ved hjelp av JavaScript?

Hvordan designe digital klokke ved hjelp av JavaScript?
JavaScript gir en rekke metoder for å bygge topp moderne nettbaserte komponenter for å forbedre interaktiviteten til nettstedet. Digital klokke er nøkkelelementet på ethvert nettsted som vil vise den nåværende tiden på den spesifikke delen av websiden.

I dagens guide vil vi demonstrere måten å lage en digital klokke ved hjelp av JavaScript.

Hvordan designe en digital klokke ved hjelp av JavaScript?

Du ville ha observert digitale klokker på de fleste nettsteder. Har du noen gang tenkt, hvordan de er opprettet? Det er JavaScript som lar deg sette live digitale klokker på websidene. La oss se hvordan du kan lage det.

Før du kommer inn på detaljer, må du kjenne til å jobbe med få innebygde JavaScript -metoder som vil bli brukt i dette eksemplet. Dato () -metoden er nøkkelkomponenten for å lage en digital klokke, da den inneholder dato, tid, år osv. Informasjon. Dessuten vil følgende metoder også bli brukt:

  • getSeconds (): For å få sekundene.
  • GetMinutes (): For å hente minuttene.
  • gethours (): For å få timen.

Eksempel

Følgende eksempelkode representerer opprettelsen av en digital klokke ved hjelp av JavaScript.

Kode




Velkommen til den digitale klokken ved hjelp av JavaScript





Beskrivelsen av koden er som følger:

  • De starttid() Metoden er definert der du trekker ut gjeldende dato ved å bruke Dato() metode.
  • Videre brukes objektet for dato () -metoden med getSeconds (), gethours () og getminutes () metoder for å trekke ut sekundene, timer og minutter.
  • Etterpå Tid() Metoden brukes til å plassere null på venstre side av tallet hvis tallet er mindre enn null.

Produksjon

Utgangen representerer at en enkel digital klokke vises på nettsiden som viser gjeldende tid.

Konklusjon

En digital klokke kan opprettes ved å bruke datametoden () og anvende objektet for dato () -metoden på getSeconds (), getminutes () og gethours () metoder. I denne artikkelen lærte brukeren å designe en digital klokke i JavaScript. GetSeconds (), getminutes () og gethours () -metodene brukes til å trekke ut sekundene, minutter og timer fra datometoden.