Ceasul de pe javascript

De fapt, acest lucru este exact ceea ce avem nevoie. Prima opțiune - este o funcție care va primi ora curentă (ore, minute și secunde), în timp ce a doua opțiune ar fi de a apela această funcție o dată pe secundă (1000 milisecunde), de reînnoire, astfel, ceasurile noastre în fiecare secundă. Cel mai simplu exemplu:

Acum, salut () funcție va fi numit în fiecare secundă, și în fiecare secundă a consolei va fi duplicat șir de salut:

Tehnologii moderne de dezvoltare web

AngularJS, WebPACK, NodeJS, ReactJS, typescript, Gulp, Git, Github.
Aflați totul despre cele mai noi tehnologii in dezvoltarea web

După cum puteți vedea în imaginea de mai sus, funcția a fost chemat de 5 ori. Ideea, cred, este clar. În schimb, fiecare element al doilea apel, puteți utiliza un alt interval. Acum, să schițeze funcție de ceas (), care va prelua obiecte de ore: ore, minute și secunde. Ei bine, vom apela funcția scrisă folosind setInterval:

Acum, în fiecare secundă vom vedea în consola ora curentă.

Ei bine, în stânga în loc de consola pentru a afișa ora în orice element al documentului. Putem crea un program de acest element, dar în cazul ceas, și alte cronometre a decis să utilizeze un element de aspect existent. Deci, să avem un div cu ceasul ID:

Acum vom ajunge la pagina nepretențioasă, dar este de ore de lucru, înainte ca acestea pot fi găsite pe aproape orice alt site:

Apropo, dacă ați observat, atunci când e necesară încărcarea paginii pentru un timp, noi nu vedem ceasul. Acest lucru se datorează faptului că funcția setInterval va funcționa doar într-o a doua și, respectiv, funcția de ceas va fi numit numai după o clipă. Pentru a vedea ceasul dintr-o dată, suficient pentru a determina funcția de ceas pe cont propriu:

Tehnologii moderne de dezvoltare web

AngularJS, WebPACK, NodeJS, ReactJS, typescript, Gulp, Git, Github.
Aflați totul despre cele mai noi tehnologii in dezvoltarea web

Cele mai multe știri IT si dezvoltare web pe canalul nostru-Telegram