Kako Narediti časovnik

Kazalo:

Kako Narediti časovnik
Kako Narediti časovnik

Video: Kako Narediti časovnik

Video: Kako Narediti časovnik
Video: DAN 2 - MOŠKA ŠPAGA - (Izziv za izboljšanje gibljivosti) 2024, November
Anonim

Na številnih spletnih mestih lahko vidite odštevalnik časa, dokler se ne zgodi določen dogodek. To je lahko čas konca popustov ali čas, ki ostane do novega leta. Takšni časovniki so odlična oglaševalska poteza, ki spodbuja aktivnost kupcev / dobaviteljev, pa tudi dobra interaktivna sorta za spletno mesto.

Kako narediti časovnik
Kako narediti časovnik

Potrebno

skript odštevalnika

Navodila

Korak 1

Če želite na svojem spletnem mestu nastaviti tak časovnik, najprej prenesite skript odštevalnika. Nato v njem konfigurirajte dva parametra: datum odštevanja in ustrezen napis, ki bo prikazan, ko pride ta datum.

2. korak

Če odprete preneseni arhiv, boste našli dve datoteki: ena vsebuje skript countdown.js, druga pa je primer strani, na katero bo ta skript povezan - index.html. Najprej izvlecite datoteke iz arhiva.

3. korak

S programom Notepad uredite datoteko skripta. Če želite odpreti določeno datoteko v Beležnici, jo kliknite z desno miškino tipko. V meniju, ki se prikaže, izberite element "Odpri", nato pa "z - Beležnica".

4. korak

Uredite prvo vrstico na samem začetku datoteke: var eventstr = "Srečno novo leto!". Ta napis bo prikazan na koncu odštevanja. Druga vrstica z datumom odštevanja se nahaja na koncu datoteke in je videti tako: CountDowndmn (2011, 1, 1) v obliki leto, mesec, dan.

5. korak

Uredite fragment skripta, ki se nahaja tudi na koncu datoteke, malo nad datumom odštevanja: countdownid.innerHTML = "+ dday +" "+ ddaystr +", "+ dhour +" "+ dhourstr +", "+ dmin + " + dminstr + "in" + dsec + " + dsecstr.

6. korak

Shranite nastalo datoteko in jo postavite v imenik, kjer je stran vašega spletnega mesta, kamor bo postavljen časovnik. Z drugimi besedami, datoteka strani časovnika in datoteka skripta morata biti v istem imeniku.

7. korak

Nato na priročno mesto za postavitev časovnika v kodo vaše strani vstavite dve vrstici:

DIV "center" ID = "countdown">.

8. korak

Prva vrstica je odgovorna za ukaz za izhod časovnika. Drugi je za povezovanje ustvarjenega skripta.

9. korak

Preverite, ali časovnik deluje. Če je vse narejeno pravilno, boste na strani svojega spletnega mesta na pravem mestu videli odštevanje.

Priporočena: