Creați o numărătoare inversă. Generatoare de cronometru online gratuit

Prieteni, salut tuturor. Astăzi vreau să vă spun cum puteți introduce cu ușurință un cronometru cu numărătoare inversă pe orice site web sau blog. De regulă, pe paginile de vânzări sau pe paginile cu bonusuri și cadouri este instalat un cronometru. În general, idei despre unde să aplici acest contor destul de putin de.

Veți avea nevoie și de această metodă dacă copiați pagina de vânzări a unui produs afiliat. Aceasta nu este doar o copie a site-ului afiliat într-un cadru, este o copie cu drepturi depline în care puteți configura și urmări statistici detaliate.

Dar numai dacă există contoare similare pe paginile partenere, acestea nu vor funcționa. Pentru că, pe lângă copiere cod htmlȘi, stilurile și imaginile CSS, trebuie să copiați și scripturile, iar acest lucru nu este întotdeauna posibil.

Și astfel, această metodă vă va permite să utilizați cronometrul cu numărătoare inversă în orice scop.

Așadar, vă dau trei dintre care să alegeți. soluții gata făcute, pe care le puteți adapta nevoilor dvs.

Cronometru bazat pe JavaScript

Deși această metodă necesită anumite cunoștințe de cel puțin HTML și CSS, are opțiuni maxime de personalizare. Schimbând codul html și ajustând stilurile css, puteți adapta cu ușurință acest contor la orice design.

Copiați arhiva de pe Yandex.Disk și despachetați arhiva de pe computer. Descărcați arhiva.

În arhivă veți avea 4 fișiere:

counter.html – cadrul html propriu-zis al contorului

jquery.downCount.js – script de numărătoare inversă

style.css – stiluri de design

time.png – imagini pentru contor

Toate modificările necesare veți face exact în aceste fișiere.

Înainte de a continua cu instalarea contorului, este necesar să setați data evenimentului planificat. Data trebuie să fie în viitor, altfel contorul nu va fi afișat. Rețineți acest lucru în cazul în care contorul nu este afișat pe ecran.

Data este setată în fișierul counter.html. Trebuie doar să schimbi data și ora. Toate indicațiile necesare sunt prezente în fișier.

Acum trebuie să copiați întregul folder cu aceste fișiere pe server. Faceți acest lucru în orice mod convenabil pentru dvs. Daca ai un blog sub Gestionarea WordPress, încărcați folderul în dosarul dvs. cu teme:

Http://vashdomen.ru /wp-content/themes/vashatema /counter

În locul în care trebuie să afișați cronometrul de numărătoare inversă, trebuie să introduceți următorul cod:

Rețineți doar că inserarea se face în editorul de cod. Adică introduceți codul în codul html al paginii în care doriți să afișați cronometrul.

Iată cum va arăta cronometrul:

Și iată tutorialul video „Cum să inserați un cronometru cu numărătoare inversă pe un site web”

Generator online de cronometru cu numărătoare inversă

După părerea mea, cel mai simplu, dar, totuși, foarte serviciu convenabil la crearea cronometrelor cu numărătoare inversă este TimeGenerator.

Există opțiuni de design de 4 metri din care să alegeți. Trebuie să-l alegi pe cel care ți se potrivește și să apeși pe butonul "Alege".

Copiați codul primit în clipboard (CTRL+C).

Și în etapa finală, inserați acest cod (CTRL+V) în locul potrivit în șablonul dvs. Din nou, acest lucru se face prin editorul de cod.

Exemplu de cronometru:

Cronometru cu numărătoare inversă cu serviciul proTimer

Acest serviciu cu plată, care se adresează antreprenorilor din Internet care știu clar de ce au nevoie de un cronometru cu numărătoare inversă. Serviciu proTimer oferă cronometre multifuncționale cu preț lunar și anual.

Aceste cronometre sunt personalizabile servicii de e-mail buletine informative și utilizator individual. Ele sunt legate de IP și nu de browser și, prin urmare, contorul utilizatorului nu pornește de la capăt, chiar dacă acesta se conectează dintr-un browser diferit.

Abonați-vă la articole noi!

Scripturi numărătoarea inversă foarte util pentru proprietarii de site-uri web sau bloguri care doresc să-și informeze cititorii și vizitatorii despre ceva. Indiferent dacă implementați o actualizare pentru blogul dvs. sau blogul dvs. este în curs de renovare, veți avea capacitatea de a alerta utilizatorii că lucrurile vor intra în curând la locul lor și chiar de a indica când se va întâmpla acest lucru.

Astăzi ți-am pregătit o selecție de scripturi cu cronometre cu numărătoare inversă. Aceasta, ni se pare, cele mai bune exemple implementarea unei astfel de funcții.

01. Contor animat în javascript

Un simplu contor animat javascript care vă va permite să prezentați cu ușurință informații în cifre, fie că este vorba de numărul de utilizatori înregistrați sau de indicatorul general de profitabilitate. Dar asta nu este tot. Acest contor poate fi folosit și pentru a afișa text sau data și ora, chiar și ca ceas. Poate fi folosit ca cronometru pentru a afișa timpul rămas până la lansarea produsului sau începerea vânzărilor.

Site sursă: http://codecanyon.net/item/javascript-animated-counter/233648
previzualizare: http://codecanyon.net/item/javascript-animated-counter/full_screen_preview/233648

02. Pagina „În reconstrucție” în stil paralax

O pagină în curs de renovare în stil paralax vă permite să vă „decorați” pagina Coming Soon cu un cer înnorat 3D dinamic care afișează sigla dvs. sau element grafic la discretia ta. Scenariul funcționează în toate browsere moderne(Chrome, Safari, Opera, Safari, IE9)

03. Pagina „În reconstrucție” din numărătoarea inversă

O pagină foarte simplă și adaptabilă „în reconstrucție” cu numărătoare inversă. Aici puteți observa prezența unui ghid cu care puteți ajusta cu ușurință pagina la propriile nevoi.

04. Fancy Countdown – plugin jQuery

Fancy Countdown este un plugin jQuery configurabil care vă permite să creați cronometre atractive pentru numărătoare inversă. Este foarte usor de folosit. Puteți specifica data necesară. Pluginul vine cu un API extensibil, iar configurarea nu va dura mai mult de 3 minute. Este de remarcat faptul că funcționează pe iPhone, iPad etc., precum și pe smartphone-uri cu suport javascript.

05. jsNumărătoare inversă

Scriptul include 14 teme diferite din care o puteți alege pe cea de care aveți nevoie, precum și un fișier șablon în format PNG care vă va permite să creați șabloane personalizate. Este demn de remarcat disponibilitatea documentației și previzualizărilor, precum și un proces de configurare simplificat, care este un generator de opțiuni.

06. În curând Pagina de destinație

contor javascript înainte de a deschide un site web cu 6 efecte diferite + jQuery.

07. Ghișeu pentru un șantier în reconstrucție

Un script de numărătoare inversă excelentă pentru a deschide un site web folosind codul Ajax și jQuery. Nu este nevoie să creați o bază de date pentru operatie normala scenariu. În plus, scriptul este compatibil atât cu browsere cu suport pentru javascript activat, cât și cu browsere fără suport.

08. Plugin WordPress: În curând

În curând este un plugin WP care vă permite să înlocuiți pagina principala site-ul către o pagină la modă și convenabilă care anunță despre deschiderea sa iminentă. Puteți adăuga propriul logo, fundaluri, anteturi și subsoluri și multe altele. O paletă bogată de schițe gata făcute este, de asemenea, prezentată aici.

09. Broadcast Countdown Widget

Acest widget include configurarea a două moduri: recurent și unic. Aici poți pune titlul textului numărătoare inversă, URL de streaming, precum și o opțiune pentru a seta un cronometru pentru numărătoarea inversă până la un eveniment unic. Este de remarcat faptul că în jQuery există un selector de dată și oră, care simplifică foarte mult procesul.

10. Site-ul WordPress este în curs de dezvoltare sau nu răspunde din motive tehnice

Pluginul DP Maintenance include posibilitatea de a adăuga un mod de închidere a site-ului pentru dezvoltare sau temporar munca tehnica. Este de remarcat faptul că pluginul oferă o gamă de 3 șabloane adaptive.

Mod de întreținere 11,5 secunde

Pluginul oferă 6 șabloane distractive cu numărătoare inversă personalizabile. Toate șabloanele sunt optimizate pentru motoare de căutareși Google.

12. plugin jQuery Numărătoare inversă

Pluginul este foarte ușor de încorporat, având capacitatea de a-l opri și de a-l reporni.

13. jQuery-numaratoare inversa

Această numărătoare inversă este încadrată frumoasa animatie. Proiectul este în prezent în stadiu beta.

In contact cu

Îți amintești cronometrele „mai sunt _ zile _ ore _ minute până la Anul Nou”? Astăzi, cronometrul de numărătoare inversă s-a transformat într-unul grozav unealtă de marketing- contoarele sunt pornite pagini de destinație magazine online, pe pagini de vânzare sau pagini de destinație. „Au mai rămas 5 zile, 15 ore, 40 de minute până la încheierea reducerii” sau „Au mai rămas 7 ore, 15 minute, 35 de secunde până la începerea reducerii”. Desigur, cronometrele „încălzesc” interesul vizitatorului, îl încurajează să întreprindă o acțiune direcționată pe site, limitând timpul și creând efectul de urgență sau de lipsă de bunuri.

Dacă acțiunile dvs. sunt unice sau nu fezabilitate tehnică instalarea propriilor scripturi - există generatoare online gratuite care vor pregăti cronometre funcționale cu numărătoare inversă în două sau trei clicuri.

E-timer

Diverse opțiuni de personalizare și design. Cantitatea de cod este mică. Scriptul rulează pe partea de service.

Trei opțiuni de cronometru. Fără setări de design (doar prin Stiluri CSS). Cantitatea de cod este mare (script + stiluri + cod HTML). Scriptul funcționează din partea utilizatorului.

Generator Flash Timer

Fără Suport jQuery — cronometru realizat pe blitz. Mai multe opțiuni de design. Cantitatea de cod este medie. Contorul funcționează pe partea de service.

Generator de date jQuery numărătoare inversă

Fără înregistrare. Cantitatea de cod este mare. Scriptul funcționează din partea utilizatorului.

Exemplu de lucru:

A rămas împlinirea a 100 de ani.

Bună prieteni! În acest articol voi trece în revistă trei serviciu online ov despre crearea unui temporizator cu numărătoare inversă, pe care l-am întâlnit când trebuia să înlocuiesc un temporizator care nu funcționează cu unul dintr-un kit de revânzare.

Sapă în scripturi și coduri nu este punctul meu forte, așa că am decis să folosesc un simplu și solutie rapida – serviciu special. Configurați vizual cronometrul pe el și apoi introduceți scriptul terminat în locul celui rupt.

În timp ce mă uitam, am dat peste trei bune instrument onlineși am decis să vorbesc despre ele. Poate că îți vor fi utile și în munca ta.

Urmăriți recenzia mea video aceste servicii. În videoclip vă arăt și cum să setați un cronometru pe un site web:

Deci, primul serviciu în care puteți face rapid un cronometru frumos este e-timer.ru.

Aici în fața noastră este o fereastră cu o drăguță setări flexibile; o previzualizare a rezultatului și a codului pe care va trebui să-l copiați și să-l inserați pe site-ul dvs. pentru a afișa cronometrul.

De fapt, întregul proces se reduce la personalizarea setărilor. În setările principale indicăm dacă este conectat pe site biblioteca jquery. Puteți verifica uitându-vă la sursă site (ctrl+u), apoi apăsați ctrl+f pentru a căuta.

Dacă alegem să repornim, să zicem, în fiecare zi, atunci contorul va începe să numere din nou în fiecare zi.

De asemenea, putem schimba inscripția de pe ghișeu „Până la sfârșitul promoției”, o creștem sau micșoram, sau o eliminam complet, lăsând acest câmp gol.

În setările de afișare a temporizatorului îl putem edita aspect:

Schimbați fontul și culoarea inscripțiilor;
separatoare între numere;
limba inscripțiilor (rusă, ucraineană, engleză disponibilă);
umpluturași culoarea de fundal;
granițe și umbră.

Aici puteți juca în diferite moduri și puteți privi imediat rezultatul.

În setările pentru afișarea numerelor putem alege:

Cea mai mică valoare – dacă selectăm „minute”, atunci secundele nu vor mai fi afișate;
fontul, dimensiunea și culoarea numerelor;
indentare internă - pe măsură ce crește, contorul se extinde în lungime.
borduri – când mărim, colțurile pătratelor din jurul numerelor sunt rotunjite.
și umbră - dacă punem 0 aici, vom elimina complet pătratele din jurul numerelor.

Când toate setările sunt finalizate, copiați codul temporizatorului și inserați-l în locul dorit de pe site.

Vă voi arăta cu exemplul unei pagini de destinație html simple, pe care am deschis-o pentru editare notepad notepad++. Vreau să pun cronometrul chiar sub butonul de plată, așa că găsesc acest loc în cod, plasez scriptul și aliniez cronometrul în centru folosind etichete

. Ca aceasta:

click pentru a mari

Și pe pagina de destinație cronometrul meu arată astfel:

Următorul serviciu online megatimer.ru. Mi-a plăcut mai mult, deși are mai puține opțiuni setări externe temporizator.

Deci, în partea de sus vedem cum va fi afișat contorul, iar chiar dedesubt - file cu setări.

„Tip cronometru” – aici configuram principiul funcționării acestuia. Dacă înainte de o anumită dată, atunci indicăm sfârșitul numărătorii inverse (în funcție de ora locală a utilizatorului sau Moscova, de exemplu).

Dacă pentru o perioadă de timp, putem seta un cronometru de 24 de ore pentru fiecare nou vizitator. Apoi selectăm punctul de plecare de la prima vizită a clientului și indicăm durata - 24 de ore. În același timp, în dreapta colțul de sus debifați caseta „Zile”, lăsând doar ore, minute și secunde pe cronometru.

Cu toate acestea, dacă același vizitator vizitează pagina cu cronometrul din alt browser sau șterge memoria cache, atunci numărătoarea inversă pentru el va începe din nou.

Există, de asemenea, un cronometru ciclic care poate reporni zilnic la anumite intervale.

„Design” – putem alege aspectul cronometrului nostru dintre opțiunile propuse. Alegerea este mică, dar există mai multe opțiuni universale.

„Setări” - în această etapă avem posibilitatea de a schimba fontul, dimensiunea și culoarea numerelor, spațiul dintre ele, separatorul, precum și fontul, dimensiunea și culoarea inscripțiilor.

Pasul final este să copiați codul scurt și, în același mod, să îl plasați în locul potrivit de pe site.

ȘI ultimul serviciu, pe care vreau să mă concentrez astăzi - timegenerator.ru. Vă permite să generați un cronometru în câteva secunde, deoarece există setări minime aici.

Avem 4 opțiuni pentru cronometre, din care o selectăm pe cea mai potrivită pentru noi făcând clic pe butonul corespunzător.

E simplu, prieteni. Acum știi unde să creezi rapid și ușor un contor de numărătoare inversă pentru site-ul tău.

Vă mulțumim pentru atenție! Ca întotdeauna, salut comentariile dumneavoastră.

Cu stimă, Victoria

Programul va atrage pe cei cărora le place să se bucure de timpul lor de așteptare. Functie principala Aplicații TimeLeft aceasta este numărătoarea inversă. Printre instrumentele utilitare, utilizatorul va găsi un cronometru, ceas, cronometru, memento și crearea de stickere virtuale care vă permit să creați note pe desktop. Utilizarea în combinație a capacităților vă permite să creați un memento cu un cronometru, să îl plasați în orice loc convenabil de pe desktop și să îl programați să înceapă atunci când are loc un eveniment. aplicație externă, setați un temporizator de închidere a computerului, urmați un link sau rulați un script. Setați un cronometru pe desktop și programul va anima trecerea timpului în momentul așteptat și. Când se apropie timpul pentru evenimentul special, când cronometrul numără până la zero și se stinge, TimeLeft va notifica și atrage atenția utilizatorului asupra acestui lucru prin afișarea unui mesaj pe ecran, însoțit de o alarmă sonoră.

Cronometru cu numărătoare inversă

TimeLeft este ușor de aplicat pentru orice sarcini zilnice acasa si la serviciu. Utilitatea are un numar mare de setări și opțiuni suplimentare. Printre acestea se numără: setări de pornire, transparență, ferestre flotante și ferestre de mesaje, integrarea butoanelor adăugare rapidăîn browser, comportamentul pictogramei din tava TimeLeft, alocarea tastelor rapide, programul zilelor lucrătoare, sărbătorilor și altele. Pentru o afișare frumoasă și elegantă a numărătorii inverse, programul are mare alegere Temele și skin-urile cronometrului vă permit să personalizați aspectul TimeLeft după gustul dvs. Poate fi aplicat unui cronometru sau cronometru efect vizual, setați stilul folosit pentru a schimba numerele: vertical și glisor orizontal, se estompează una și manifestarea altei figuri, imitația unui contor mecanic și altele.

Capturi de ecran ale programului TimeLeft

Versiunea gratuită a TimeLeft și TimeLeft Deluxe

Versiunea gratuită are limitări: program gratuit Nu puteți crea mai mult de un instrument, adică puteți crea simultan un memento, un cronometru, un ceas, un autocolant și un cronometru, dar fiecare într-o singură copie. Versiune cu plată TimeLeft Deluxe vă permite să conectați o licitație online pentru a urmări și a exporta temporizatorul script java, care poate fi plasat pe o pagină web, sincronizat timpul exact prin Internet și eliminați restricțiile privind numărul de instrumente de program utilizate simultan.

Site-ul oficial: http://www.nestersoft.com/timeleft/
OS: Windows All
Limbi acceptate: Platformă multilingvă, inclusiv rusă
Versiune: 3.62
Licență:freeware (gratuit)

Dimensiunea fișierului 2,36 MB