Trebuie urgent să măsurați timpul, nu aveți un dispozitiv special la îndemână, dar folosiți un ceas obișnuit sau telefon mobil incomod? Vă aducem în atenție cronometre online, care sunt foarte precise și ușor de utilizat.

Cronometrele online sunt indispensabile în timpul antrenamentului sportiv, combinând mai multe sarcini, atunci când este important să nu pierdeți timpul și pur și simplu pentru măsurarea înregistrărilor personale. De exemplu, este foarte important pentru tine să știi câte pagini poți citi într-o anumită perioadă de timp, câte caractere tastați pe minut sau cât de repede puteți finaliza o rundă importantă dintr-un joc.

Cronometre online pentru toate gusturile

Site-ul nostru web prezintă cronometre cu design atât laconic, cât și original. Puteți extinde aplicația la ecran complet, decorându-vă desktopul cu un frumos antic sau clepsidră, rachetă, bombă, lumânare romantică. Toate cronometrele au o funcționalitate convenabilă; setarea timpului va dura doar câteva secunde.

Puteți folosi un cronometru cu sunet direct pe site-ul nostru deschizând orice aplicație care vă interesează. Nu este nevoie să pierzi timp descarcând programe, totul este foarte simplu și rapid! Dacă aveți o conexiune la Internet, puteți activa cronometrul absolut gratuit în orice moment convenabil pentru dvs.

Cum funcționează cronometrul cu numărătoare inversă?

Toate cronometrele prezentate în această secțiune au comenzi foarte simple și convenabile. Indicați perioada de timp de care aveți nevoie, apăsați „start” și cronometrul va începe să funcționeze!

De obicei, fiecare instrument are trei ferestre: prima indică orele, a doua indică minute, iar a treia indică secunde. Dacă este necesar, puteți utiliza funcția „pauză” sau puteți anula complet sarcina.

Vrei să alegi cel mai bun cronometru? Acordați atenție evaluărilor și recenziilor utilizatorilor. După ce ați folosit cronometrul, nu ezitați să vă împărtășiți părerea cu alții!

Adesea trebuie să setați un cronometru pentru o oră fixă. De exemplu, faci sport și trebuie să setezi un cronometru pentru cinci minute pentru a te antrena. Sau sunteți ouă tari și trebuie să le cronometrați timp de zece minute. Pentru a rezolva această problemă, folosiți cronometrul nostru. Folosiți cronometrul nostru online cu sunet pentru a număra invers 1 minut în timpul antrenamentului, pentru nevoi casnice și pentru orice alte scopuri. Puteți să-l utilizați imediat sau să mergeți mai jos pe pagină, unde există instrucțiuni despre cum să îl utilizați.

30 de secunde 1 minut 2 minute 3 minute

5 minute 10 minute 15 minute 30 minute

Ore 0 — +

Minute 0 — +

Secunde 30 — +

Sunet:

Resetează Start

Instructiuni de utilizare

Puteți seta o oră fixă, de exemplu:

• cronometru pentru 10 minute;
• cronometru pentru 1 minut;
• cronometru pentru 2 minute;

Lista include și opțiuni pentru 15 minute, 20 de minute și 3 minute.

Pentru a seta această oră, utilizați butoanele pe care este scrisă această oră. De exemplu, pentru a seta un cronometru pentru treizeci de minute, faceți clic pe butonul care spune „30 de minute”. După aceasta, faceți clic pe butonul „Start”. Dacă aveți nevoie de o oră diferită, pur și simplu setați-o apăsând butoanele „+” și „-” de lângă câmpurile corespunzătoare (ore, minute și secunde). Puteți seta oricând - poate dura unul sau două minute sau un segment de doar o secundă.

La sfârșitul numărătorii inverse veți auzi un sunet. Îl puteți dezactiva făcând clic pe comutatorul corespunzător. Butonul Resetare șterge toate câmpurile.

Am creat cel mai convenabil cronometru pe care îl puteți seta pentru 5, 20 de minute sau orice alt timp. Dacă aveți sugestii de îmbunătățire, scrieți și le vom lua în considerare.

Cronometru online

Ore 0 — +

Minute 0 — +

Secunde 0 — +

Resetează Start

Dacă ai nevoie doar de un cronometru, pentru antrenament sau în alte scopuri, îți oferim și această oportunitate. Este foarte simplu de utilizat - apăsați butonul „Start” și numărătoarea inversă va începe. Butonul Pauză va întrerupe numărătoarea inversă, iar butonul Resetare va reseta timpul. De asemenea, puteți începe să numărați din orice moment - nu doar de la 0 secunde.

Utilizați cronometrul nostru - am făcut tot posibilul pentru a vă face munca confortabilă.

Gadgeturile moderne sunt concepute pentru a face viața mult mai ușoară - iar un cronometru online este unul dintre cele mai utile, convenabile și funcționale dispozitive. Vă va ajuta să numărați orice interval de timp, să vă amintiți să finalizați o sarcină și să vă distribuiți rațional programul de muncă și odihnă. Cronometrul nostru online este 100% gratuit, ușor de utilizat, practic - exact ceea ce aveți nevoie.

7 situații în care un cronometru vă va ajuta

Am creat un cronometru online pentru cele mai precise calcule atunci când trebuie să îndepliniți o anumită perioadă de timp și să nu pierdeți o secundă. Cronometrul de pe site va fi util dacă cronometrați:

• atunci când pregătiți feluri de mâncare să urmați rețeta;
• atunci când faceți sport, antrenați-vă exact cât este necesar;
• pentru lucrul la calculator - 1 oră de lucru și 15 minute sunt bune pentru ochi. odihnă;
• pentru a nu întârzia la o întâlnire importantă, întâlnire, lecție, autobuz;
• pentru divertisment - află dacă poți în 1 minut. îmbracă-te, citește 200 de cuvinte, construiește un turn LEGO, urcă 10 etaje de scări etc.;
• pentru gestionarea timpului competent și sarcini de planificare în timpul zilei;
• când trebuie să hrăniți copilul, luați medicamente, faceți o injecție.

Cronometrul online pe ecran complet este mult mai convenabil aplicație mobilă- pagina se încarcă rapid, iar bateria smartphone-ului descărcată nu va fi o problemă.

Istoricul cronometrului

În mod surprinzător, primul cronometru a apărut în China antică acum mai bine de 2,5 mii de ani. Era un băț din rășină și rumeguș, căruia i se dă foc la un capăt la celălalt capăt o greutate - când firul de prindere a ars, a căzut cu un zgomot. În același timp, Platon în Grecia a inventat un analog pentru invitarea studenților la lecții și Leonardo da Vinci a lucrat la dezvoltări similare.

Primul cronometru mecanic apărut la mijlocul anilor 1800, era ceasul cu alarmă tradițional folosit astăzi, care își punea mâinile la ora dorită. Până la sfârșitul secolului al XX-lea, a apărut un cronometru electronic - cel mai precis dispozitiv folosit acum în smartphone-uri.

Instrucțiuni pas cu pas: cum se utilizează temporizatorul?

Un cronometru electronic cu sunet va fi util tuturor lucrătorilor, gospodinelor, sportivilor, studenților - celor care trebuie să țină evidența timpului și să nu uite de sarcinile importante. Cronometrul nostru este extrem de ușor și convenabil de utilizat, observând instrucțiuni pas cu pas:

1. Apăsați „Start” pentru a verifica tipul semnalului și volumul acestuia pe temporizatorul de resetare.
2. Selectați un interval de timp deasupra contorului - intervalul este de la 1 minut la 1 oră, puteți adăuga timp cu un singur clic.
3. Dacă trebuie să specificați o perioadă diferită, faceți clic pe butonul „+” și introduceți datele manual - puteți adăuga o descriere.
4. Apăsați „Start” și cronometrul online va începe numărătoarea inversă, după ce timpul a expirat, va suna semnalul sonor.
5. Pentru a opri numărătoarea inversă mai devreme și a o reseta la zero, faceți clic pe „Resetare”.
6. Dacă doriți ca temporizatorul să funcționeze în tăcere, faceți clic pe pictograma corespunzătoare din dreapta butonului „Start”.

Cronometrul online poate fi oprit fără a reseta rezultatul, utilizați butonul „Stop” pentru a relua numărătoarea inversă, apăsați „Start”.

Cronometrul nostru gratuit, funcțional și precis, cu o interfață simplă, este o mană cerească pentru o persoană care dorește să folosească fiecare minut în mod rațional și să fie mereu la timp. Marcați pagina, astfel încât să fie mereu la îndemână - atunci când trebuie să numărați timpul invers, cronometrul vă va ajuta cu siguranță.

Se întâmplă să ai nevoie de ceva cronometru cu numărătoare inversă, există multe soluții pe Internet, dar fie sunt foarte greoaie, fie au dependențe de alte biblioteci. Astăzi ne vom uita la cum să faci un cronometru cu numărătoare inversă în javascript în 18 linii de cod.

Plan

• Calculați timpul rămas

Setați data de încheiere corectă

În primul rând, trebuie să instalați data corecta absolvire. Acesta va fi un șir în oricare dintre formatele pe care le înțelege Date.parse() metodă. De exemplu:

Var termen = "2015-12-31";

Format scurt

Var termen = "31/12/2015";

Sau format lung

Var termen = "31 decembrie 2015";

Fiecare dintre aceste formate vă permite să setați ora exactă (în ore, minute, secunde) și fusul orar. De exemplu:

Var termen = „31 decembrie 2015 23:59:59 GMT+02:00”;

Calculați timpul rămas

Funcția getTimeRemaining(endtime)(
var t = Date.parse(endtime) - Date.parse(new Date());
var secunde = Math.floor((t/1000) % 60);
var minute = Math.floor((t/1000/60) % 60);
var ore = Math.floor((t/(1000*60*60)) % 24);
var zile = Math.floor(t/(1000*60*60*24));
intoarce (
„total”: t,
„zile”: zile,
„ore”: ore,
„minute”: minute,
„secunde”: secunde
};
}

Mai întâi creăm o variabilă t pentru a stoca timpul rămas. Date.parse() metoda este încorporată javascriptși vă permite să convertiți un șir cu timpul într-o valoare în milisecunde. Acest lucru ne va permite să scădem o dată din alta și să obținem diferența dintre ele.

Var t = Date.parse(endtime) - Date.parse(new Date());

Convertiți data într-un format convenabil

Acum vrem să convertim milisecunde în zile, ore, minute și secunde. Să folosim secundele ca exemplu:

Var secunde = Math.floor((t/1000) % 60);

Să ne dăm seama ce se întâmplă aici.

• Împărțiți milisecunde la 1000 pentru a le converti în secunde
• Împărțiți numărul total de secunde la 60 și păstrați restul - nu aveți nevoie de toate secundele, ci doar de cele rămase după ce au fost numărate minutele
• Rotunjiți în jos la cel mai apropiat număr întreg, deoarece aveți nevoie de secunde întregi, nu de fracțiuni din ele

Repetați această logică pentru a converti milisecunde în minute, ore și zile.

Ieșiți datele temporizatorului ca obiect reutilizabil

Odată ce orele, minutele și secundele sunt gata, trebuie să le returnăm ca obiect reutilizabil.

întoarcere (
„total”: t,
„zile”: zile,
„ore”: ore,
„minute”: minute,
„secunde”: secunde
};

Acest obiect vă permite să vă apelați funcția și să obțineți oricare dintre valorile calculate. Iată un exemplu despre cum puteți obține minutele rămase:

GetTimeRemaining(termen limită).minute

Convenabil, nu?

Afișați un ceas pe pagină și opriți-l când ajunge la zero

Acum avem o funcție care ne returnează zilele, orele, minutele și secundele rămase. Ne putem construi cronometrul. Mai întâi, creați următoarele html structura ceasului:

Apoi scrieți o funcție care va afișa datele din interiorul nostru div"a:

Funcția initializeClock(id, endtime)(
var ceas = document.getElementById(id);
var timeinterval = setInterval(funcție())(


" +
"ore: "+ t.ore + "
" +
"minute: " + t.minute + "
" +
"secunde:" + t.secunde;

}
},1000);
}

Această funcție ia doi parametri: id element care va conține ceasul nostru și ora de încheiere a contorului. În interiorul funcției vom declara o variabilă ceasși îl vom folosi pentru a stoca o referință la blocul nostru de ceas, așa că nu trebuie să întrebăm DOM.

• Calculați timpul rămas
• Afișați timpul rămas în nostru div
• Dacă timpul rămas = 0, opriți ceasul

Singurul lucru rămas este să porniți ceasul astfel:

InitializeClock("clockdiv", termen limită);

Felicitări! Acum ai temporizator simplu cu numărătoare inversă în doar 18 rânduri de cod javascript.

Pregătiți-vă ceasul pentru afișare

Înainte de coafare va trebui să rafinăm puțin câteva lucruri.

• Eliminați întârzierea inițială, astfel încât cronometrul să apară imediat
• Faceți scriptul de ceas mai eficient, astfel încât să nu fiți nevoit să reconstruiți în mod constant toate ceasurile
• Adăugați zerouri după cum doriți

Eliminarea întârzierii inițiale

În ceasurile pe care le folosim setInterval pentru a reîmprospăta afișajul în fiecare secundă. Cel mai adesea acest lucru este normal, cu excepția începutului, unde există o întârziere de 1 s. Pentru a remedia acest lucru, trebuie să actualizăm ceasul o dată înainte setIntervalîncepe.

Pentru a face acest lucru, să mutăm funcția anonimă la care trecem setInterval(cea care actualizează ceasul în fiecare secundă) în propria sa funcție separată, pe care o vom apela updateClock. Apelați această funcție o dată afară setIntervalși apoi sună-o din nou înăuntru setInterval. În acest fel, ceasul va fi afișat fără întârziere.

În dumneavoastră javascript inlocuieste asta:

Var timeinterval = setInterval(function())( ... ),1000);

Funcția updateClock()
var t = getTimeRemaining(endtime);
clock.innerHTML = "zile: " + t.zile + "
" +
"ore: "+ t.ore + "
" +
"minute: " + t.minute + "
" +
"secunde:" + t.secunde;
if(t.total clearInterval(timeinterval);
}
}

UpdateClock(); // rulează funcția o dată pentru a evita întârzierea
var timeinterval = setInterval(updateClock,1000);

Eficientizarea scriptului

Pentru a face scriptul mai eficient, trebuie să actualizăm nu toate ceasurile, ci doar numerele. Pentru a face acest lucru, puneți fiecare număr într-o etichetă spanși vom actualiza doar acest conținut.

Aici html:

Var daysSpan = clock.querySelector(".days");
var hoursSpan = clock.querySelector(".hours");
var minuteSpan = clock.querySelector(".minute");
var secondsSpan = clock.querySelector(".seconds");

Funcția updateClock()
var t = getTimeRemaining(endtime);

DaysSpan.innerHTML = t.zile;
hoursSpan.innerHTML = t.ore;
minuteSpan.innerHTML = t.minute;
secondsSpan.innerHTML = t.secunde;

...
}

Adăugarea zerourilor de început

Dacă aveți nevoie de zerouri înainte, puteți înlocui codul astfel:

SecondsSpan.innerHTML = t.secunde;

Ca aceasta:

SecondsSpan.innerHTML = ("0" + t.secunde).slice(-2);

Concluzie

Am luat în considerare cum să faci un cronometru simplu cu numărătoare inversă în javascript. Tot ce vă rămâne de făcut este să adăugați stiluri. Vă mulțumim pentru atenție!

Salutare dragi prieteni. Într-unul dintre articolele anterioare, am discutat dacă merită să utilizați (numit și cronometru cu numărătoare inversă) pe pagina dvs. de destinație. Deci, dacă crezi că ai nevoie de el, atunci astăzi îți voi spune cum să-l conectezi la pagina ta de destinație.

Vom vorbi despre mai multe opțiuni, într-un caz va fi un script de numărătoare inversă care se va bucla la fiecare 24 de ore. Adică vei putea face o promovare. De exemplu: „până la sfârșitul zilei -” și cronometrul va arăta cât timp a mai rămas până la sfârșitul zilei. După o zi, cronometrul va reporni și va începe din nou numărarea

Și într-o altă versiune, vă voi spune despre serviciu online, care vă permite să conectați un numărător invers. Dar aici se presupune că contorul este proiectat pentru o perioadă lungă de timp. De exemplu, intenționați să deschideți un site web într-o lună și, deocamdată, ați făcut un stub ca acesta:

Poate fi utilizat în moduri diferite, de exemplu, dacă promovarea este o singură dată și concepută pentru o perioadă lungă de timp, atunci conexiune online mai profitabil, deoarece trebuie să adăugați doar o linie de cod în locul potrivit. În general, în funcție de scop, alegeți opțiunea potrivită pentru dvs. Să începem...

Numărătoare inversă cu repornire

Deci, un numărător invers care va reporni după o zi. A fost dezvoltat de un meșter care are un blog mywpnote.ru. Am dat peste blog în urmă cu aproximativ șase luni și chiar m-a ajutat în acel moment. Astăzi vreau să vă povestesc despre unul dintre contoarele pe care le-a dezvoltat și să vă descriu cum să-l conectați.

Cronometrele arată astfel:

Descărcați sursele și în arhivă veți vedea 4 foldere cu numele vid1, vid2, vid3, vid4 - în ele diferite tipuri proiectarea cronometrelor. Puteți vedea totul și alege pe cel care vă place. Metoda de conectare este aceeași pentru toată lumea.

Voi arăta pe 4, pentru că mi se pare cel mai universal. Deschidem vid4 și vedem un set standard de foldere pentru majoritatea surselor din rețea. (fișier index, folder cu foi de stil, folder cu imagini și folder cu script-ul). Am schimbat puțin structura fișierelor pentru a le facilita conectarea contorului începătorilor. Adică, am mutat scriptul timer într-un fișier separat, dar înainte să fie în fișierul index.

Cum să conectați un script de numărătoare inversă la pagina dvs. de destinație?

Deschideți index.html cu orice editor (eu folosesc sublime3) și vedeți următorul cod.

De aici trebuie să copiați conexiunea foii de stil și script-ului (linia 7 și 8) în proiect.

Și, de asemenea, în locul în care doriți să plasați cronometrul, trebuie să adăugați o etichetă div cu clasa „countbox” – linia 13. Codul plasează în mod special conexiuni multiple de cronometru pentru a clarifica faptul că acestea pot fi utilizate de mai multe ori pe o pagină. Multe scripturi au probleme cu acest lucru, iar a doua oară nu vor să fie afișate pe ecran.

Acum trebuie doar să copiați folderele img, css și js, precum și conținutul acestora, în proiectul dvs. - și asta este tot! Numărătoarea inversă va funcționa! După cum puteți vedea, durează maxim 5 minute, iar un element atât de important va fi prezent pe site-ul dvs. Dacă aveți întrebări, scrieți în comentarii, cu siguranță vă voi ajuta să conectați contorul!

Numărătoare inversă online

Pentru cei care au nevoie de un alt tip de numărătoare inversă, despre care a fost menționat la începutul articolului, există un serviciu cu o metodă de conectare incredibil de simplă. Tot ce trebuie să faceți este să accesați site-ul web www.timegenerator.ru și să selectați unul dintre cronometrele propuse.