1

Olá pessoal tenho um campo em meu site que exibe o número de registros de clientes cadastrados. Como recontar este registro de forma mais lenta para o usuário visualizar esta recontagem?

Exemplo: Clientes cadastrados: <?php echo $admcadastros; ?>

Aguardo ajuda!

4
  • Ou seja, você quer que o usuário do seu site veja o contador de clientes sendo incrementado: "Clientes cadastrados: 0", "Clientes cadastrados: 1", [...] "Clientes cadastrados: TOTAL" ? tipo, o contador vai incrementado em 1 a cada X segundos?
    – tayllan
    7/03/2016 às 16:54
  • @tayllan isso mesmo! Correto 7/03/2016 às 16:56
  • Talvez você queria dar uma olhada em Easing Functions, é o mesmo princípio das funções de Fade-In e Fade-Out o que você quer fazer, mas no caso, ao invés de afetar a opacidade de uma imagem, você quer que seja o Total de clientes multiplicado pelo valor da função. easings.net/pt
    – DH.
    7/03/2016 às 17:03
  • Tem uma demonstração funcional aqui mesmo no SOpt: pt.stackoverflow.com/questions/102170/…
    – Square Obama
    7/03/2016 às 18:09

2 Respostas 2

2

Utilize a função setInterval() do JavaScript:

var contador = document.getElementById('contador');
var TOTAL_CLIENTES = 10;

var intervalo = setInterval(function() {
  contador.innerHTML = parseInt(contador.innerHTML, 10) + 1;

  if (contador.innerHTML == TOTAL_CLIENTES) {
    clearInterval(intervalo);
  }
}, 500);
<p>Clientes cadastrados: <span id="contador">0</span></p>

O código acima vai incrementar o valor do <span> em 1 a cada 500 milisegundos. Você pode alterar o intervalo de incremento como quiser, deixar mais rápido ou mais lento.

TOTAL_CLIENTES é seu valor vindo do PHP:

var TOTAL_CLIENTES = <?php echo $admcadastros; ?>;
0

Você pode utilizar uma meta tag pra atualizar sua página de tempos em tempos:

<meta http-equiv="refresh" content="5"> // 5 segundos

Ou por AJAX, explicado seu funcionamento aqui:

chamadas php por ajax

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .