Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

ILR master

While com javascript

Por , em Javascript

Recommended Posts

ILR master    0

ILR master
Postado

Pessoal, tudo bem?

 

Eu tenho o seguinte código:

<script language="JavaScript">
 
function pad(n, width, z) {
  z = z || '0';
  n = n + '';
  return n.length >= width ? n : new Array(width - n.length + 1).join(z) + n;
}
 
var YY = <? print $ano?>;
var MM = <? print $mes?>;
var DD = <? print $dia?>;
var HH = <? print $hora?>;
var MI = <? print $minuto?>;
var SS = <? print $segundo?>;
 
function atualizaContador() {
  var hoje = new Date();
  var futuro = new Date(YY,MM-1,DD,HH,MI,SS); 
 
  var ss = parseInt((futuro - hoje) / 1000);
  var mm = parseInt(ss / 60);
  var hh = parseInt(mm / 60);
  var dd = parseInt(hh / 24); 
 
 
  ss = ss - (mm * 60);
  mm = mm - (hh * 60);
  hh = hh - (dd * 24); 
 
  var faltam = '';
  faltam += (dd && dd > 1) ? dd+'d ' : (dd==1 ? '1 dia, ' : '');
  faltam += (toString(hh).length) ? pad(hh,2)+'h ' : '';
  faltam += (toString(mm).length) ? mm+'m ' : '';
  faltam += pad(ss,2)+'s'; 
 
  if (dd+hh+mm+ss > 0) {
    document.getElementById('contador1').innerHTML = faltam;
    setTimeout(atualizaContador,1000);
  } else {
    document.getElementById('contador1').innerHTML = 'Tempo esgotado!!!!';
    setTimeout(atualizaContador,1000);
  }
}
</script>

O seu retorna está em ma div:

 

<!-- Início da div cronometro -->
<div id="box_cupom_cupom_cronometro">
<body onload="atualizaContador()">
<span class="texto_666666_18"><span id="contador1"></span></span>
</div><!-- Fim da div cronometro -->

 

Porém, gostaria de colocar essa div em um while e imprimir os valores vindos do DB, igual os sites de cupons e leilão fazem. Preciso jogar o código todo dentro do while, ou tem uma forma mais prática?

 

Valeu!

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Vou mover para javascript.

 

O correto é refatorar todo esse macarrão, e deixar o código reutilizável.

 

Demo

http://wbruno.github.io/examples/time-counter/

 

Testes Unitários

http://wbruno.github.io/examples/time-counter/test/

 

Git

https://github.com/wbruno/examples/tree/gh-pages/time-counter

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito