Ir para conteúdo


Foto

Contagem Regressiva


1 resposta neste tópico

#1 smez

smez
  • Membros
  • 339 posts
  • Gender:Male
  • Location:Votorantim
  • Interests:ASP, C#.Net, Ajax e SilverLight

Postado 11 maio 2006 - 17:52

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



#2 Super_Zica_Man

Super_Zica_Man
  • Membros
  • 275 posts
  • Gender:Male
  • Location:Venancio Aires

Postado 11 maio 2006 - 18:20

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.

QUOTE


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>

"Reparta o seu conhecimento.É uma forma de alcançar a imortalidade"
Dalai Lama



Responder



  


0 usuário(s) está(ão) lendo este tópico

0 membros, 0 visitantes, 0 membros anônimos