Cum de a crea un cronometru pentru site-ul javascript, optimizarea motorului de căutare și crearea

Salutări dragi cititori! În acest tutorial vă voi arăta cum să faci un simplu cronometru!

Deci, cu cronometrele de pe internet, vă puteți întâlni destul de des. De exemplu, în cazul în care oferta de înscriere pentru orice instruire seminar sau de afaceri, on-line timp setat numărătoarea inversă, după care nu mai putem lua parte, în orice caz.

Asigurați-vă un timer-ul este ușor pentru site-ul dvs.!

Ce se poate acest temporizator?

Să descrie condițiile de lucru ale programelor noastre de la:

1. Puteți seta numărul de zile, minute și secunde
2. În fiecare secundă a timpului există o reducere de 1 secundă
3. Până în momentul expirării unei ferestre pop-up cu textul care a declanșat cronometrul

Cum să pună în aplicare un contor de timp?

Toate codul pe care îl puteți vizualiza sau descărca de mai jos, și pentru a înțelege mai bine lecția, dezasambla codul pe care îl va separat!

Este simplu - există un înveliș pentru numerele cu identificatorul - „timer“, și a investit 3 blocuri pentru numerele cu ID-ul corespunzător.

Dacă trebuie să setați valoarea inițială pentru numărătoarea, atunci trebuie să-l doar schimba acest cod html.

Aici ne-am stabilit stilul pentru învelișul de prescriere separat, stilul fontului, dimensiunea, culoarea și așa mai departe, precum și prescrie proprietatea - „display: inline“ pentru divuri interne la figuri aliniate într-o singură bandă.

După cum puteți vedea, am creat o functie - „timer“, care va fi declanșat în fiecare secundă. Activarea acestei funcții se realizează prin intervalul specificat (setInterval):

Interval (funcția) are doi parametri: numele funcției pe care doriți să apelați și timpul în milisecunde.

1000 milisecunde - aceasta este de o secundă.

Acest interval am stabilit identificator - „intervalID“, pentru a putea opri intervalul, atunci când expirarea timpului.

Fereastra înseamnă că variabila va fi la nivel mondial și accesibilă în cadrul funcției.

Acum, să ne uităm la ea însăși funcția de „timer“ în sine.

În primul rând am citit curent ora, minutul și secunda în variabilele cu numele corespunzătoare.

Variabila - „end“ este necesară pentru a opri scăderea timer-ul și a afișa fraza - „Timer a lucrat!“. Implicit pentru a expune false (false).

Mai mult, există condiții simple de:

Dacă secunde este mai mare decât 0, atunci le reduce la 1, sau atribuie o valoare maximă (60) și verificați doar un minut, și apoi urmăriți

Ca urmare, în cazul în care se constată că numărul de ore și minute rămase și secunde este 0, apoi schimbați sfârșitul variabila la true.

În continuare, vom verifica pur și simplu sfârșitul variabila - dacă este adevărat, atunci sarcina cronometru și necesitatea de a aduce gheață și se îndepărteze interval, sau doar actualiza ore, minute și secunde.

După cum puteți vedea, pentru a crea un temporizator cu numărătoare inversă este foarte simplu!