Quando você deseja lançar uma página web ou um produto específico, há momentos em que deseja gerar uma certa expectativa e para isso nada melhor do que implementar uma contagem regressiva indicando quanto falta em semanas, dias, horas, minutos, etc. .
Isso parece muito bom e nos dá uma adição à nossa página que deixará os usuários interessados em esperar a contagem regressiva terminar e ver o que os espera depois que ela terminar. Embora possa parecer um pouco complicado, é uma funcionalidade bastante simples de incluir.
Nosso código
Para realizar nossa funcionalidade de contagem regressiva, vamos precisar de bibliotecas especializadas que incluiremos no final do tutorial, entre elas temos jQuery Y jquery lwtCountdown, além do CSS especializado. Primeiro, vamos incluí-los da seguinte forma:
Uma vez incluído, teremos o nosso div ou containers com as informações dos contadores por semana, dias, horas, entre outros, que podemos modificar a nosso gosto:
Agora a parte onde devemos modificar para nos adaptarmos às nossas necessidades e o momento específico em que nossa página ou produto aparecerá é o seguinte script JavaScript, em que passamos o dia, o mês, o ano e, se quisermos, as horas. A biblioteca pegará esses dados e os converterá em uma contagem regressiva, vejamos:Fique atento ao progresso
Semanas00Dias00Horas00Minutos00Segundos00
O mais curioso disso tudo é que não devemos fazer nada, pois a livraria faz de tudo para nós. Vamos ver como é nossa contagem regressiva.
Como podemos ver implementamos nossa contagem regressiva em questão de minutos, e tudo graças às instalações de bibliotecas especializadas feitas em JavaScript, bibliotecas que nos fornecem funcionalidades de qualidade que nos darão valor acrescentado ao nosso site ou produto com o mínimo esforço possível.
countdown-JavaScript.zip 79.93K 1107 Downloads
