Daudzās vietnēs jūs varat redzēt taimera skaitīšanu līdz noteiktam notikumam. Tas var būt atlaižu beigu laiks vai atlikušais laiks līdz Jaunajam gadam. Šādi taimeri ir lielisks reklāmas solis, kas stimulē pircēju / piegādātāju aktivitāti, kā arī laba vietnes interaktīvā daudzveidība.
Nepieciešams
atpakaļskaitīšanas taimera skripts
Instrukcijas
1. solis
Lai savā vietnē iestatītu šādu taimeri, vispirms lejupielādējiet atpakaļskaitīšanas taimera skriptu. Pēc tam tajā konfigurējiet divus parametrus: atpakaļskaitīšanas datumu un atbilstošo uzrakstu, kas tiks parādīts, kad pienāks šis datums.
2. solis
Atverot lejupielādēto arhīvu, jūs atradīsit 2 failus: vienā ir skripts countdown.js, bet otrs kalpo kā lapas piemērs, ar kuru tiks saistīts šis skripts - index.html. Vispirms izvelciet failus no arhīva.
3. solis
Izmantojiet Notepad, lai rediģētu skripta failu. Lai atvērtu norādīto failu Notepad, ar peles labo pogu noklikšķiniet uz tā. Parādītajā izvēlnē atlasiet vienumu "Atvērt", pēc tam atlasiet "ar - Notepad".
4. solis
Rediģējiet pirmo rindiņu pašā faila sākumā: var eventstr = "Laimīgu Jauno gadu!". Šis uzraksts tiks parādīts atpakaļskaitīšanas beigās. Otrā rinda ar atpakaļskaitīšanas datumu atrodas faila beigās un izskatās šādi: CountDowndmn (2011, 1, 1) formātā gads, mēnesis, diena.
5. solis
Rediģējiet skripta fragmentu, kas atrodas arī faila beigās, nedaudz virs skaitīšanas datuma: countdownid.innerHTML = "+ dday +" "+ ddaystr +", "+ dhour +" "+ dhourstr +", "+ dmin + " + dminstr + "un" + dsec + " + dsecstr.
6. solis
Saglabājiet iegūto failu un ievietojiet to direktorijā, kur atrodas jūsu vietnes lapa, kur tiks ievietots taimeris. Citiem vārdiem sakot, taimera lapas failam un skripta failam jābūt vienā direktorijā.
7. solis
Pēc tam ērtā vietā, kur ievietot taimeri, savas lapas kodā ievietojiet 2 rindas:
DIV "centrs" ID = "atpakaļskaitīšana">.
8. solis
Pirmā rinda ir atbildīga par komandu taimera izvadei. Otrais ir izveidotā skripta savienošanai.
9. solis
Pārbaudiet, vai taimeris darbojas. Ja viss ir izdarīts pareizi, jūsu vietnes lapā pareizajā vietā redzēsiet atpakaļskaitīšanu.