JQuery létre egy időzítő visszaszámlálás jquery
Mit várunk otjQuery időzítő? Ma fogunk létrehozni egy jQuery plugin, hogy megjelenítse a visszaszámlálást. Meg fogja mutatni a többi nap, óra, perc, másodperc az esemény előtt. Mi az induláshoz ...
Minden, ami szükséges az időzítő meghatározni, hogy mi lesz a div időmérőt. Mi csak meg a tiltást visszaszámlálás. és jQuery plug-timer, hogy vigyázzon az alábbi HTML-jelölést.
Ebben mintakódban jquery plugin nevezhető, és működjön együtt a div, ami id - visszaszámlálás. Ez az elem adunk countdownHolder osztály (akkor automatikusan hozzá, van néhány design elemek a CSS).
Belül az elrendezés a számok időzítőt. Két elem span számjegyet nap, óra, perc, másodperc. Ez azt jelenti, hogy vezesse a visszaszámlálás az időpont, amely nem több, legalább 99 nappal a jövőben. Folyamatosan használja az időzítő nem fog működni. Nem tanácsos, és kevésbé érzékenyek.
Hozzon létre egy fájlt a stílus osztály az időzítőt.
Statikus osztály számok ad nekik egy gradiens háttér és árnyalakjait az egység. Akkor adja meg a stílus időzítő szerkesztésével CSS fájlban.
Span elem egy osztállyal .countDiv - Ez távtartók blokkok közötti számjegyet. Ezt a szerkezetet alakítjuk ki: előtt /: miután attribútumokat.
Csakúgy képződik, ez a jelölés?
A kezdéshez hozzon létre két segítő funkciót plugin által használt:
init - megteremti is, melyet az imént látott.
switchDigit - jelentkeznek .positionspan és animál a számok benne.
Az funkcióinak szétválasztását a plugin kód, amely lehetővé teszi, hogy tartsa a plugin kód tiszta.
jquery.countdown.js - segédfunkciók
Kiváló! Most levelet bővítmény keretet. A plug-in, hogy egy tárgy a következő paraméterekkel beállítani kényelem - idő, amelyet a számlálás, callback függvényt, másodpercenként frissíti az időt.
Funkció kullancs. Nevezi magát másodpercenként. Így mondhatjuk az időeltolódást. updateDuo funkció frissíti az adatokat.
jQuery időzítő kész! - nézd meg, hogyan lehet használni a kódban.
JQuery időzítő
Természetesen meg kell csatlakoztatni a CSS és JS fájlok időzítő az oldalon.
ciklikus ismétlődés
Annak érdekében, hogy a ciklikus időzítő, például számítani a hátralévő idő, amíg a következő nap, akkor ahhoz, hogy változtatni néhány sornyi kódot. scripts.php fájl így fog kinézni:
Használhatja a forgatókönyvet, mint egy tökéletes kiegészítője minden oldalon, mielőtt egy fontos esemény. A legjobb jQuery időzítő, hogy nem használja a képeket, hogy működik a tiszta CSS kódot.