11 replies to this topic

[Allan Carvalho]

Eais


Como fazer uma contagem regressiva com js????


Assim:
10
9
8
7
6
5
4
3
2
1
0



Vlws

[Klaus]

Assim?

<script language="JavaScript" type="text/javascript">
  for (i = 10; i >= 0; i--) {
    document.write (i + "<br />");
  }
</script>

Ou assim?

<div id="klaus">Teste</div>

<script language="JavaScript">
  var start = 10;
  function diminui () {
    var teste = (start % 2 == 0) ? "par" : "ímpar";
    document.getElementById("klaus").innerHTML = start + " <= " + teste;
    if (start > 0) {
      window.setTimeout ("diminui()", 1000);
    }
    else {
      document.getElementById("klaus").innerHTML = "Agora você já pode correr e dar uma abraço na mamãe dizendo que você já sabe contar... ";
    }
    start--;
  }
  diminui();
</script>

[Allan Carvalho]

<div id="klaus">Teste</div>

<script language="JavaScript">
  var start = 10;
  function diminui () {
    var teste = (start % 2 == 0) ? "par" : "ímpar";
    document.getElementById("klaus").innerHTML = start + " <= " + teste;
    if (start > 0) {
      window.setTimeout ("diminui()", 1000);
    }
    else {
      document.getElementById("klaus").innerHTML = "Agora você já pode correr e dar uma abraço na mamãe dizendo que você já sabe contar... ";
    }
    start--;
  }
  diminui();
</script>

essse mesmo, cara dei tanta risada depois do zero
muito boa!!!!!!!!!!!!



Mas como passa-lo para negrito???E como fazer quando ele chegar no 5,4,3,2,1,0 a font fica vermelha???????


Vlws

Edição feita por: invasoesdemaniacos, 30/05/2004, 21:06.

[Klaus]

Prontinho!

<div id="klaus">Teste</div>

<script language="JavaScript">
  var start = 10;
  function diminui () {
    var formatarInicio = (start >= 6) ? "<b>" : "<b style='color: red;'>";
    var teste = (start % 2 == 0) ? "par" : "ímpar";
    var formatarFim = "</b>";
    document.getElementById("klaus").innerHTML = formatarInicio + start + " <= " + teste + formatarFim;
    if (start > 0) {
      window.setTimeout ("diminui()", 1000);
    }
    else {
      document.getElementById("klaus").innerHTML = "<b style='color: blue;'>Agora você já pode correr e dar uma abraço na mamãe dizendo que você já sabe contar... </b>";
    }
    start--;
  }
  diminui();
</script>

[Allan Carvalho]

VLws!!!!!!!!!!!!!


Fuis

[foxter]

eu tentei, mas não consegui colocar um redirect, para quando acabar o tempo ele direcionar para outra pagina.... como fazer?

[Alex Hiroshi]

else {
window.location='pagina.html';

Mude essa parte

Edição feita por: xxALExx, 24/07/2006, 00:48.

[gmogames]

Como que eu faço que a cada x segundos ele realiza uma operacao?

por exemplo o contador de 900 segundos e a cada 100 segundos ele submeta um form em um frame.....?

Valew!!!

[Klaus]

  var start = 9;
  function diminui () {
    if (start > 0) {
      window.setTimeout ("diminui()", 100000);
    }
    else {
      // Sua ação aqui
    }
    start--;
  }
  diminui();

[gmogames]

Klaus, não é bem isso...

o tempo inicial nunca sera o mesmo.... quero poder escolher o tempo inicial e a quantidade de segundos para cada ação..

por exemplo..
começara em 870 segundos...
a hora que chegar em 770 ele vai submeter um form
a hora que chegar em 670 ele vai mudar o valor de um campo..

dai na outra vez vai começar em 200 segundos
a hora que chegar no 150 ele vai fazer isso
a hora que chegar no 100 ele vai fazer aquilo....

tem como estipular o inicio e os breaks?

[Klaus]

Bom... o que você quer já não tem nada a ver com o script do tópico... você quer fazer coisas variadas, sem relação alguma umas com as outras... logo, minha função não vai te ajudar em nada.

Só a função setTimeout resolve seu problema...

[williamfoose]

Como faço para quando chegar no 0 voltar para o 10 denovo?