Ir para conteúdo

Javascript Para Countdown

MatheusGlad

Por MatheusGlad
em Programação Web

 Share

Posts Recomendados

MatheusGlad

MatheusGlad 424

Postado
Postado (editado)

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 por MatheusMkalo
Link para o comentário
https://xtibia.com/forum/topic/135168-javascript-para-countdown/
Compartilhar em outros sites
marcelopop

marcelopop 1

Postado
Postado

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)

Link para o comentário
https://xtibia.com/forum/topic/135168-javascript-para-countdown/#findComment-892248
Compartilhar em outros sites
MatheusGlad

MatheusGlad 424

Postado
  • Autor
Postado (editado)

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 por MatheusMkalo
Link para o comentário
https://xtibia.com/forum/topic/135168-javascript-para-countdown/#findComment-893925
Compartilhar em outros sites
 Share
Ir para a lista de tópicos
×
×
  • Criar Novo...