Quando si vuole lanciare una pagina web o un prodotto specifico, ci sono momenti in cui si vuole generare una certa aspettativa e per questo non c'è niente di meglio che implementare un conto alla rovescia che indichi quanto rimane in settimane, giorni, ore, minuti, ecc. .
Questo sembra abbastanza buono e ci dà un'aggiunta alla nostra pagina che renderà gli utenti interessati ad aspettare che il conto alla rovescia finisca e vedere cosa li aspetta dopo che finisce e anche se può sembrare un po' complicato, è una funzionalità abbastanza semplice di include.
Il nostro codice
Per eseguire la nostra funzionalità di conto alla rovescia avremo bisogno di librerie specializzate che includeremo alla fine del tutorial, tra queste abbiamo jQuery sì jquery lwtCountdown, oltre al CSS specializzato. Per prima cosa li includeremo come segue:
Una volta incluso, avremo i nostri div o contenitori con le informazioni dei contatori a settimana, giorni, ore, tra gli altri, che possiamo modificare a nostro piacimento:
Ora la parte in cui dobbiamo modificare per adattarci alle nostre esigenze e l'ora specifica in cui apparirà la nostra pagina o prodotto è il seguente script JavaScript, in cui passiamo il giorno, il mese, l'anno e, se vogliamo, le ore. La libreria prenderà questi dati e li convertirà in un conto alla rovescia, vediamo:Resta sintonizzato per i progressi
Settimane00giorni00Ore00Minuti00Secondi00
La cosa più curiosa di questo è che non dobbiamo fare nulla, poiché la libreria fa tutto per noi. Vediamo come appare il nostro conto alla rovescia.
Come possiamo vedere, abbiamo implementato il nostro conto alla rovescia in pochi minuti, e tutto grazie alle strutture delle biblioteche specializzate realizzate in JavaScript, librerie che ci forniscono funzionalità di qualità che ci daranno un valore aggiunto al nostro sito Web o prodotto con il minimo sforzo possibile.
conto alla rovescia-JavaScript.zip 79,93 K 1107 download
