Ir para conteúdo
Fórum Script Brasil
  • 0

Contagem Regressiva


smez

Pergunta

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

Link para o comentário
Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

  • 0

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>

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152k
    • Posts
      651,7k
×
×
  • Criar Novo...