Animação em numero JQUERY

[kaiquemix 1]

Olá pessoal estou querendo fazer uma animação nos números no meu portfólio, com ele saindo de 0 e ir subindo para o numero que está no código igual a esses sites:

 

http://www.aquatro.com/

http://www.alias.com.br/

 

Meu codigo:

<div id="horario">

<?php
$dateTime = new DateTime('2015-08-13 00:00:00');
$dataAtual = new DateTime();// Irá depender da hora do servidor, no meu caso, para o teste eu configurei a hora para '2012-11-26 16:14:59'
$diferenca = $dateTime->diff($dataAtual);
$minutosDecorridos = ((($diferenca->format('%a') * 24) + $diferenca->format('%h')) * 60) + $diferenca->format('%i') -300 ;
$vitimas_cafe = floor($minutosDecorridos / 60);
$projetos_fim = floor($minutosDecorridos / 480);
$horas_trab = floor($minutosDecorridos / 180);
$cafes = $vitimas_cafe + 2500;
$projetos = $projetos_fim + 9500;
$horas = $horas_trab + 25300;
$metro = $vitimas_cafe + 12354;?>
<div id="img-horario">
<div class="wrap4">
<ul>
<li class="liH2" style="margin-right: 145px;">
<img src="images/hora/02.png">
<h1><?php echo "$horas"?></h1>
<h2 style="
margin-left: 13px;
">HORAS TRABALHADAS</h2>
</li>
<li class="liH2" style="margin-right: 145px;margin-top: 14px;">
<img src="images/hora/03.png">
<h1><?php echo "$projetos"?></h1>
<h2 style="
margin-left: 8px;
">PROJETOS FINALIZADOS</h2>
</li>
<li class="liH2" style="margin-right: 145px;margin-top: 21px;">
<img src="images/hora/01.png">
<h1><?php echo "$metro"?></h1>
<h2 style="
margin-left: 12px;
">METROS DE IMPRESSÃO</h2>
</li>
<li class="liH2" style="
margin-top: -3px;
">
<img src="images/hora/04.png">
<h1><?php echo "$cafes"?></h1>
<h2 style="margin-left: 30px;">XÍCARAS DE CAFÉ</h2>
</li>
</ul>
</div>
</div>

</div>