Come Fare Un Timer

Sommario:

Come Fare Un Timer
Come Fare Un Timer

Video: Come Fare Un Timer

Video: Come Fare Un Timer
Video: LA PRESA A TIMER GIORNALIERO - Come programmarla 2024, Maggio
Anonim

Su molti siti, puoi vedere un timer che scorre fino a quando non si verifica un evento specifico. Questa può essere l'ora di fine degli sconti o il tempo rimanente fino al nuovo anno. Tali timer sono una grande mossa pubblicitaria che stimola l'attività di acquirenti/fornitori, nonché una buona varietà interattiva per il sito.

Come fare un timer
Come fare un timer

Necessario

uno script per il conto alla rovescia

Istruzioni

Passo 1

Per impostare un timer di questo tipo sul tuo sito web, scarica prima lo script del timer per il conto alla rovescia. Quindi configura due parametri al suo interno: la data del conto alla rovescia e la scritta corrispondente che verrà mostrata quando arriverà questa data.

Passo 2

Aprendo l'archivio scaricato, troverai 2 file: uno contiene lo script countdown.js e l'altro funge da esempio della pagina a cui sarà collegato questo script - index.html. Per prima cosa, estrai i file dall'archivio.

Passaggio 3

Usa Blocco note per modificare il file di script. Per aprire il file specificato in Blocco note, fai clic con il pulsante destro del mouse su di esso. Nel menu che appare, seleziona la voce "Apri", quindi seleziona "con - Blocco note".

Passaggio 4

Modifica la prima riga all'inizio del file: var eventstr = "Happy New Year!". Questa iscrizione verrà visualizzata alla fine del conto alla rovescia. La seconda riga con la data del conto alla rovescia si trova alla fine del file e ha il seguente aspetto: CountDowndmn (2011, 1, 1) nel formato anno, mese, giorno.

Passaggio 5

Modifica il frammento di script, che si trova anche alla fine del file, leggermente sopra la data del conto alla rovescia: countdownid.innerHTML = "+ dday +" "+ ddaystr +", "+ dhour +" "+ dhourstr +", "+ dmin +" " + dminstr + "e" + dsec + " + dsecstr.

Passaggio 6

Salva il file risultante e posizionalo nella directory in cui si trova la pagina del tuo sito, dove verrà posizionato il timer. In altre parole, il file di pagina del timer e il file di script devono trovarsi nella stessa directory.

Passaggio 7

Successivamente, in un posto conveniente per posizionare il timer, nel codice della tua pagina, inserisci 2 righe:

DIV "centro" ID = "conto alla rovescia">.

Passaggio 8

La prima riga è responsabile del comando per l'output del timer. Il secondo è per connettere lo script creato.

Passaggio 9

Controlla che il tuo timer funzioni. Se tutto è stato eseguito correttamente, vedrai un conto alla rovescia nel posto giusto nella pagina del tuo sito.

Consigliato: