Come modificare un Ajax Countdown Pagina

June 20

Come modificare un Ajax Countdown Pagina


applicazioni di conto alla rovescia può svolgere un ruolo importante in alcuni siti web, soprattutto quando lo scopo di questi siti è quello di promuovere un evento importante o una vacanza significativo, come ad esempio la celebrazione del nuovo anno. Ajax è la tecnologia preferita per questo tipo di progetto, perché in grado di fornire con finezza, con la sua fascia alta, strumenti applicativi interoperabili, come jQuery. La combinazione di queste due tecnologie possono creare una pagina conto alla rovescia intuitiva e modificabile su qualsiasi sito web.

istruzione

1 Incollare la libreria jQuery nella sezione <HEAD> della tua pagina web:

<Script type = "text / javascript" src = "jquery.countdown.js"> </ script>

È inoltre possibile ottenere la versione imballato o mini dello script jQuery come alternativa.

3 Incollare il codice seguente per collegare la funzionalità conto alla rovescia per il progetto:

$ (Selector) .countdown ({fino a: liftoffTime});

Per migliorare ulteriormente il tempo di conto alla rovescia, è possibile inserire le impostazioni personalizzate come illustrato di seguito:

$ (Selector) .countdown ({fino: liftoffTime, formato: 'DHM'});

4 Applicare il codice sottostante per cambiare il modo su come tua pagina conto alla rovescia di calcolare e visualizzare la data. Invece di contare fino a una futura data / ora, è possibile avere il conteggio il timer in piedi da una precedente data / ora, invece. L'unica differenza è che non c'è nessun evento scadenza in questo metodo particolare:

$ ( '# SinceCountdown') conto alla rovescia ({da:. StartYear,

format: 'YOWDHMS', description: 'Since New Year'});

5 Inserire il codice seguente per modificare la visualizzazione della pagina di conto alla rovescia per una versione compatta:

$ ( '# SinceCompact') conto alla rovescia ({da:. StartYear, compatta: è vero,

format: 'YOWDHMS', description: ''});

Questo vi darà una schermata simile a questa:

0y 7m 0W 0d 10:09:25

Consigli e avvertenze

  • Ajax è facile da imparare, perché ci sono molti tutorial efficienti per studiare su Internet. Inoltre, è possibile partecipare a forum di discussione per far progredire ulteriormente la vostra conoscenza per la consulenza di esperti da utenti esperti.