Entre para seguir isso  
Seguidores 0

Contagem Regressiva

2 posts neste tópico

Postado

como que eu faço um sistema de contagem regressiva

tipo assim coloco no codigo a data

tipo assim 20/10/2006 dai ele vai fazendo a contagem regressiva ate a data citada

Compartilhar este post


Link para o post
Compartilhar em outros sites

Postado

A seguir, vamos escrever um script que faz uma contagem regressiva tomando como base a data de hoje, comparando-a com uma data qualquer (pode ser o dia de seu aniversário).

Iniciando o Script

Para começar a criar o script, abra seu editor de texto favorito e digite as tags <script> de início e fim:

<script LANGUAGE="JavaScript1.1"> </SCRIPT>

Já que o nosso script utilizará alguns recursos que não estavam disponíveis no JavaScript 1.0, especificamos JavaScript 1.1 na tag <script>.

Armazenando dados em variáveis

Para armazenar o script, utilizaremos duas variáveis, uma para armazenar a data atual e a outra, para armazenar a data que utilizaremos para fazer a contagem regressiva.

Não se preocupe em entender muito sobre variáveis ainda, vamos estudá-las a fundo posteriormente, procure apenas entender que variáveis são como contêineres que armazenam algumas informações.

Adicione logo abaixo das tags <script> as seguintes linhas de comando:

Observação: O JavaScript é uma linguagem sensível a caixa das letras, isso quer dizer que, "DataHoje" é diferente de "datahoje" que também é diferente de "DATAHOJE".

Hoje = new Date();

Futuro = new Date("Dec 31 2000 00:00:00");

Cada uma das instruções acima atribui um valor (uma data) as variáveis Hoje e Futuro. Elas utilizam o objeto embutido Date do JavaScript, que permite tratar datas convenientemente.

Calculando o Resultado

O JavaScript armazena datas em milissegundos, sendo assim, temos duas variáveis contendo números de milissegundo. Para calcular o tempo restante até a data futura, simplesmente subtraímos da data futura a data de hoje:

Futuro - Hoje;

O resultado dessa instrução seria o número de milissegundos até a data futura. Para facilitar a visualização, podemos converter o valor para segundos, inserindo a seguinte instrução:

Segundos = (Futuro - Hoje) / 1000;

Essa instrução diz ao computador para criar uma terceira variável denominada Segundos. Para calcular esse número, divida o número de milissegundos por 1.000.

Criando uma Saída no Navegador

Agora que já temos o resultado do cálculo armazenado na variável Segundos, podemos mostrá-la na tela do navegador. O JavaScript inclui diversas maneiras de exibir as informações e uma das mais simples é a instrução document.write.

A instrução document.write exibe texto, número ou qualquer coisa que você queira jogar na tela. Já que nosso script será utilizado dentro de uma página na Web, a saída será exibida como parte da página:

document.write("Faltam:" + Segundos + " segundos");

Essa instrução resultará na saída na tela do Navegador algo como: "Faltam: 43822561.39 segundos". Embora às vezes precisamos de precisão quando lidamos com números, em nosso script este tipo de exibição não é muito atraente. O JavaScript inclui um recurso que arrendondará os números. Tudo que precisamos fazer é tomar o número na função Math.round. Para adicionar este recurso ao nosso exemplo, insira uma linha antes da instrução document.write e digite essa linha:

Segundos = Math.round(Segundos);

Essa instrução diz ao computador para colocar o valor da variável Segundos na função Math.round e armazenar o resultado do número arredondado de volta em Segundos. Vejamos a seguir, a listagem completa do nosso exemplo já incluído em um documento HTML:

<HTML>

<HEAD>

<TITLE>Contagem Regressiva</TITLE>

</HEAD>

<BODY>

<H1>Contagem Regressiva.</H1>

<HR>

<script LANGUAGE="JavaScript1.1">

Hoje = new Date();

Futuro = new Date("Dec 31 2000 00:00:00");

Segundos = (Futuro - Hoje) / 1000;

Segundos = Math.round(Segundos);

document.write("Faltam:" + Segundos + " segundos");

</SCRIPT>

</BODY>

</HTML>

Confira agora sua digitação com a listagem acima e teste seu script.

Tem esse aqui tambem mas preciso modificar...

<CENTER>

<H2>Faltam apenas

<script LANGUAGE="vbscript">

x = DateValue("12/31")

y = Now()

z = int(x - y)

Document.Write z

</SCRIPT>

dias para o fim do ano

<script LANGUAGE="vbscript">

Document.Write Year(Now())

</SCRIPT>

.

<>

</H2>

</CENTER>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!


Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.


Entrar Agora
Entre para seguir isso  
Seguidores 0