xTibia

.com
MA
javascript

Javascript Para Countdown

Por MatheusGlad, 17 de jun. de 2010 em Programação Web

otserv
tibia
script
4
2.5k
MatheusGladM
17 de junho de 2010 às 15:38

Bom eu estava praticando entao fiz isso pra postar aqui

 

  • Oque ele faz?
  • Ele faz com que simule uma contagem decrescente e depois aparece um texto ou link. (Voce escolhe)

 

Script:

<script type="text/javascript">
number=10;  // O numero que ira começar a contagem
a = number+1

function countdown() 
{
if (a >= 0)
{
a--;
if(a >= 0)
{
document.getElementById("countdown").innerHTML = a;
setTimeout('countdown()',1000);
}
if(a == 0)
{
document.getElementById("countdown").innerHTML = 'Fim da contagem'; // Mensagem que ira mandar depois de terminar a contagem
}
}
}

countdown();
</script>

 

:button_ok:Como usa-lo?

Voce deve abrir o bloco de notas e botar o seguinte codigo dentro dele:

<html><head><title>TITULO</title></head>
<body>
<div style="font-size:16px;font-weight:bold;font-family:arial;" id="countdown">|</div>

<script type="text/javascript">
number=10;  // O numero que ira começar a contagem
a = number+1

function countdown() 
{
if (a >= 0)
{
a--;
if(a >= 0)
{
document.getElementById("countdown").innerHTML = a;
setTimeout('countdown()',1000);
}
if(a == 0)
{
document.getElementById("countdown").innerHTML = 'Fim da contagem'; // Mensagem que ira mandar depois de terminar a contagem
}
}
}

countdown();
</script>
</body>
</html>

 

Depois de colar o codigo va em Arquivo>Salvar como... e bote o nome de algumacoisa.html

Pronto depois é so usar o arquivo que voce salvou e pronto, divirta-se.



NAO SE ESQUEÇA DE BOTAR O .HTML NA HORA DE SALVAR

Editado Junho 17 por MatheusMkalo

gui56G
17 de junho de 2010 às 21:24

Bom script, bem simples.

Só uma duvida, qual a utilidade dele?! '-'

 

Parabéns pelo tópico.

 

Abraços.

marcelopopM
17 de junho de 2010 às 23:32

acho que ele quis meio que explciar algo,não entendi muito bem deveria ter um texto iria ficar bacana mas Guilhermee56 acho que foi mais para aprensentar o trabalho que ele fez ou simplesmente explicar para iniciantes boa iniciativa;

 

Originalmente de MatheusMkalo

Ele faz com que simule uma contagem decrescente e depois aparece um texto ou link. (Voce escolhe)

MatheusGladM
21 de junho de 2010 às 07:58

A utilidade dele seria para fazer como os sites de downloads que precisam esperar para poder fazer o download, voce que escolhe, usa a imaginaçao...

 

Tem varias utilidades para ele...

Editado Junho 21 por MatheusMkalo