Um plugin de contador para jQuery

Um contador de jQuery baseado em query-countdown, com opções extras, como a possibilidade de contar de forma crescente.

• Formato: totalmente personalizável por meio de um atributo do elemento ou de uma opção de inicialização
• Direção: crescente ou decrescente
• Parada: totalmente personalizável por meio de um atributo do elemento ou de uma opção de inicialização
• Aparência: totalmente personalizável com CSS3
• Licença: MIT

Opções

As opções podem ser definidas pelo atributo data-<name>="value" ou no objeto de opções durante a inicialização do contador: $(element).counter({name: value, ...})

• direction: up|down Direção do contador – padrão: down
• format: string Define a quantidade de partes e o número máximo de cada uma – padrão: 23:59:59
• interval: number Define o incremento ou decremento em milissegundos – padrão: 1000
• stop: string Define o número em que o contador para – padrão: o número máximo permitido pelo formato.

Eventos

• counterStop: disparado quando o contador atinge o número de parada

$('.counter').on('counterStop', function() {
    //code
});

Uso

Contagem regressiva de 10 segundos

<span class="counter">0:10</span>
<script type="text/javascript">
  $('.counter').counter();
</script>

Contagem de 120 segundos

<span class="counter" data-direction="up" data-format="120">0</span>
<script type="text/javascript">
  $('.counter').counter();
</script>

Contador binário que para em 001000000 (observe os espaços entre os dígitos binários)

<span class="counter" data-direction="up" data-format="1 1 1 1 1 1 1 1" data-stop="">0 0 1 0 0 0 0 0</span>
<script type="text/javascript">
  $('.counter').counter();
</script>

Download

Você pode baixar jquery-counter do Github.