Fordított számláló online. Visszaszámlálás

Ebben a cikkben több időzítő opciót fogunk megnézni.

1 lehetőség.
Egyszerű időzítő csak percekkel és másodpercekkel

Az időzítő megjelenik, az azonosító ellenőrzéséhez szükséges időzítő. és adjunk hozzá egy feltételt a címkéhez

Minden, az időzítő készen áll.

2. lehetőség.
Az időzítő számai a képet szolgálják. Ezen időzítőben is, perceken belül és másodperceken belül órák és nap áll rendelkezésre. Az időzítőnk egy bizonyos napig számít.

Rajzoljuk az oldalt


Visszaszámláló




Az idő megjelenítéséhez használt kép Digits2_orange.png

Következő írás JS kód
kép - képünk
a Starttime csak a 09/01/2017
timerend - Mi történik az időzítő befejezésekor, a mi esetünkben a megfelelő felirat beillesztésre kerül a TUT-azonosító tartályba
További időzítőnk


Bal:




Napok
Néz
Percek
Másodperc









Díszített
#réteg (
szélesség: 600px;
text-Align: Center;
margó: 0 Auto;)

#Számláló (
margó: 10pt Auto 0 Auto;
szélesség: 414px;)

Desc (
szélesség: 430px;
margó: 0px Auto;)

# Napok, # órák, # perc, # másodperc (
balra lebeg;
font: 13px Arial, Verdana, Sans-Serif;
szélesség: 50px;
margó-jobb: 63px;
betűtípus: merész;
szín: # 000;)

#seconds (margó-jobb: 0px;)

Cntseparator (
betűméret: 50px;
margó: 6px 7px;
szín: # 000;)
3 opció.
Véleményünk szerint a legkényelmesebb módon. Amellett, hogy az előző a többi nap, óra, perc, másodpercek fennmaradó számát mutatja. Nem használja a képet a mérő megjelenítéséhez.
Hogy dolgozzunk, szükségünk lesz egy jquery könyvtárra és fájlra

Rajzoljuk az oldalt


Visszaszámláló






  • 00
    napok



  • 00
    óra



  • 00
    min.



  • 00
    sec







És a CSS megjelenéshez
.countdown (
lista-stílus: Nincs;
margó: 6px 0 0 0;
padding: 0;
kijelző: blokk;)

Visszaszámlálás Li (kijelző: inline-blokk;)

/ * Itt vannak napok, órák, percek, másodperc * /
.CountDown Li span (
szélesség: 100%;
szín: # 000;
font: 18px Verdana;
kijelző: inline-blokk;)

/ * Elosztók. és: * /
.Countdown li.seperator (
szín: # 000;
font: 16px Vertana;
függőleges igazítás: felső;)

Visszaszámlálás Li Div (
margó: 0;
szín: # a7abb1;
font: 8pt Verdana;)

Tabata időzítőt lehet vásárolni a boltban egy külön eszköz formájában, használjon online vagy állítsa be alkalmazásként okostelefon (például - az Android, az iPhone). Az online verzió kényelmes az a tény, hogy nem kell semmit telepíteni, minden egyszerű és vizuális.

Az intervallum időzítő használata:

Az intervallum időtartama a gombokkal módosítható. - és + A kívánt elem kiválasztása után:

Készítmény alapértelmezett 10 másodperc. Ez az idő, amely szükséges ahhoz, hogy távolítsa el a számítógépet, és felkészüljön a képzésre.

Munka - Az alapértelmezett kiállítás 20 másodperc. Ez a gyakorlat ideje.

Pihenés alapértelmezett 10 másodperc. Ez a pihenőidő a kerekek között.

Kerek - Az alapértelmezett kiállítás 8 . Ez a megközelítések száma (munka + pihenés).

Ciklusok - Az alapértelmezés be van állítva 1 . Ez a 8 forduló körök száma. Idővel, növekedni 3-4 ciklus. A ciklusok között a pihenés általában 1 percen belül történik. A ciklusok közötti pihenés ideje az "Előkészítés" bekezdésben van beállítva.

Az intervallum időzítő videó változata zenével:

Hello haverok! Ebben a cikkben három online szolgáltatást fogok felülvizsgálni a visszaszámláló időzítő létrehozására, amellyel megismertem, amikor ki kellett cserélnem a nem működő időzítőt a RESELLE SET-en.

A szkriptek és a kódok ásatása nem az én ló, ezért úgy döntöttem, hogy egyszerű és gyors megoldást használok - speciális szolgáltatást. Vizuálisan konfiguráljuk az időzítőt rajta, majd helyezze be a kész forgatókönyvet a nem működőképes helyre.

Miközben kerestem, három jó online eszközt értek el, és úgy döntöttem, hogy elmondja nekik. Talán hasznosak lesznek az Ön munkájában is.

Lásd a Saját videó felülvizsgálatát Szolgáltatások adatok. A videóban azt is megmutatom, hogyan kell telepíteni egy időzítőt az oldalra:

Tehát az első szolgáltatás, ahol gyorsan meglehetősen időzíthetsz - e-timer.ru..

Itt van egy nagyon rugalmas beállításokkal rendelkező ablakunk; Az eredmény és a kód előnézete, amelyet át kell másolni, és helyezze be a webhelyére az időzítő megjelenítéséhez.

Valójában az egész folyamat önmagában a beállításokra kerül. Az alapbeállításokban adja meg, hogy a JQuery könyvtár csatlakozik-e a webhelyen. Ellenőrizheti, hogy megnézheti a webhely forráskódját (Ctrl + U), majd kattintson a CTRL + F keresése gombra.

Ha egy újraindítást választasz, mondjuk, minden nap - akkor a számláló naponta elindítja a hivatkozást.

Mi is megváltoztathatjuk a feliratot a számlálón "addig, amíg a cselekvés vége nem marad, hogy növelje vagy csökkentse, vagy egyáltalán távolítsa el, így a mező üres.

Az időzítő megjelenítési beállításaiban szerkeszthetjük a megjelenését:

Változtassa meg a feliratok betűtípust és színét;
a számok közötti osztók;
A feliratok nyelve (orosz, ukrán, angol);
Belső francia bekezdés és háttérszín;
Határok és árnyék.

Itt másképp játszhatsz, és azonnal megnézheted az eredményt.

A megjelenítési beállítások közül választhat:

A legkisebb érték - ha a "perc" lehetőséget választja, akkor a másodpercek nem jelennek meg;
a számok betűtípusa, mérete és színe;
Belső francia bekezdés - Amikor megnöveli, a számláló hosszasan feszül.
Határok - Amikor növekszik, a számok körét körülvevő négyzetek sarkai.
És az árnyék - ha 0, akkor teljesen távolítsa el a négyzeteket a számok körül.

Ha az összes beállítás történik, másolja az időzítő kódot, és helyezze be a helyszínen lévő megfelelő helyet..

Megmutatom Önt egy egyszerű HTML-leszállás példáján, amely megnyitotta a Notepad ++ Notepad szerkesztését. Időzítő, amit a fizetési gomb alatt akarok helyezni, így megtalálom ezt a helyet a kódban, a forgatókönyvet, és igazítsa az időzítőt a központban címkék segítségével

. Mint ez:

kattints a kinagyításhoz

És a Ledding-en, az időzítőem így néz ki:

Következő online szolgáltatás megatimer.ru.. Ő is így volt, még ott is kevesebb lehetőség volt a külső időzítő beállításra.

Tehát a felső részben látjuk, hogy a számláló megjelenik, és kissé az alábbiakban vannak a Beállítások lapjai.

"Típus Típus" - Itt állítja be munkájának elvét. Ha egy adott dátum előtt adja meg a hivatkozás végét (például a felhasználó helyi idején vagy Moszkvában).

Ha az idő alatt minden új látogatónál 24 órát állíthatunk be. Ezután válassza ki a hivatkozás kezdetét az első látogatás első látogatása és az időtartam - 24 óra. Ugyanakkor, a jobb felső sarokban, távolítsa el a kullancsot a "napokkal", hagyva csak órát az időzítőn, percekben és másodperceken belül.

Bár, ha ugyanaz a látogató megy egy oldalt egy időzítő másik böngészőt, vagy tisztítani a cache, akkor a visszaszámlálás akkor kezdődik az első.

Van egy ciklusos időzítő is, amely naponta újraindulhat bizonyos időszakossággal.

"Design" - A javasolt lehetőségek közül választhatunk az időzítőnk megjelenését. A választás kicsi, de számos univerzális lehetőség van.

„Beállítások” - Ebben a szakaszban, megvan a képessége, hogy módosítsa a betűtípus, méret és szín, a számok, behúzás közöttük, szeparátor, és a betűtípus, méret és szín a feliratokat.

Az utolsó lépés a rövid kódot másolja, és ugyanaz, mint a helyszínen helyezze el a megfelelő helyet.

És az utolsó szolgáltatás, ahol ma meg akarok állni - timegenerator.ru.. Lehetővé teszi, hogy másodpercek alatt egy időzítőt hozzon létre, mivel a beállítások legalábbis.

Előttünk, 4 változat az időzítők közül, amelyek közül a legmegfelelőbbet választjuk a megfelelő gombra kattintva.

Minden egyszerű, barátok. Most már tudod, hol van gyors és könnyen létrehozhat egy visszaszámlálószámot a webhely számára.

Kösz a figyelmet! Mint mindig, örülök a megjegyzéseinek.

Tisztelettel, Victoria

Bemutatjuk Önt egy új, a legegyszerűbb és funkcionális szolgáltatást mindazoknak, akik egy vagy másik okból nem indulási idő. Az online időzítő lehetővé teszi, hogy bármilyen igényt tárgyaljon időt. Függetlenül attól, hogy itt az ideje, hogy a sporteseményekben folytassa a saját személyes rekordokat, vagy talán csak át kell mozgatnia a főzés időpontját gombócokkal. Személy szerint én, a szolgáltatás alkotója, használom, hogy rendezze az egyes ételek főzési idejét. Nagyon kényelmes és nemrég. Az időzítő nélküli főzésem nem él. Vedd fel az időt mindenben - a sütőkészletből, amíg forralja a borsch vagy a csirke levest. Szó szerint a közelmúltban, a barátom elismerte, hogy az online időzítőt használom, mint az ébresztőóra! Végtére is, a hivatkozás végén, az idő előtt az időzítő elveszíti a hangot. És itt világos, hogy a számítógépes hangszórókból származó hang hangosabb lesz, mint a szokásos ébresztőóra, azaz a fent említett ébredés valószínűsége. Számomra ez valami új, hogy becsületesen elismerje, soha nem gondoltam, hogy az online időzítő ébresztőóraként használható, de minden azért van, mert a hang funkciója van. Most megpróbálom magam. De ezen az oldalon nem csak időzítő van. Az online mérőszolgáltatást is használhatja. Igen, feltétlenül nem szükséges használni az időzítőt, van egy választás. Például a stopperóra nagyon kényelmes, ha otthoni sportolást folytat. A különböző megközelítések blokkolhatók, szünetek a gyakorlatok között, edzési idő. De ez nem minden. Mindig tetszett az időzítők száma, hogy számolják a napok számát egy bizonyos esemény, például az időzítő, hogy hány nap maradt a nyárig, vagy az időzítő maradt az új évhez. Annyira banális, de néha érdekes, hogy menjen és láthassa - és hány nap maradt előtt ...

Az online időzítő használata

Minden nagyon egyszerű :)
Menj az oldalra, üdvözöljük! Menjen az "Időzítő" fülre, nyomja meg a zöld nyíl gombot az időszámítás elindításához. A visszaszámlálás felfüggesztéséhez kattintson a "Szünet" (narancssárga gombra). A "Stop" gomb megállítja a számlálási időt. És a forgó kék nyíl gombja "visszaállítja" az időzítő értékeket. Természetesen bármikor küldhetsz semmit. Különösen a kényelem, én előkészített ideiglenes vetőmag készletek, csak vigye az egeret az időzítő gombot, és oldalamon Önnek kiválasztani a megfelelő időben. Ha a kívánt idő nem, akkor nem számít, megadhatja a manuálisan kívánt időt.

A legfontosabb dolog az, hogy az online időzítő teljesen ingyenes és könnyen használható. Mindent magamnak tettem, a kulináris igényeim alatt, ami kiváló minőségű. Győződjön meg róla magad most, használja az ingyenes szolgáltatás - online időzítő, stopper vagy idő visszaszámlálás jelentős esemény.