como contagem regressiva para uma data

Eu estou querendo saber se alguém pode me ajudar. Depois de horas de pesquisa incansável aqui e na web eu não consigo encontrar uma contagem regressiva simples usando jquery. Eu não quero usar qualquer tipo de plugin apenas um simples código de jquery para contagem regressiva de uma data. Eu consegui encontrar este código abaixo. Mas mesmo com esse código colocando-o no meu site, nada aparece. Eu adicionei o arquivo jquery de jquery.com e adicionei os próprios divs com ID do counter e nada. Se alguém puder explicar ou mostrar como fazer uma contagem regressiva simples em uma function que tenha um formato de data e retorne uma contagem regressiva, eu agradeceria a ajuda.

 var end = new Date('02/19/2012 10:1 AM'); var _second = 1000; var _minute = _second * 60; var _hour = _minute * 60; var _day = _hour * 24; var timer; function showRemaining() { var now = new Date(); var distance = end - now; if (distance < 0) { clearInterval(timer); document.getElementById('countdown').innerHTML = 'EXPIRED!'; return; } var days = Math.floor(distance / _day); var hours = Math.floor((distance % _day) / _hour); var minutes = Math.floor((distance % _hour) / _minute); var seconds = Math.floor((distance % _minute) / _second); document.getElementById('countdown').innerHTML = days + 'days '; document.getElementById('countdown').innerHTML += hours + 'hrs '; document.getElementById('countdown').innerHTML += minutes + 'mins '; document.getElementById('countdown').innerHTML += seconds + 'secs'; } timer = setInterval(showRemaining, 1000); 

Isso está funcionando bem como um javascript normal.

  

Sua saída está aparecendo da seguinte forma:

1 dia 9hrs 3mins 22secs

ATUALIZAR

Usando Funções:

  

A saída aparecerá da seguinte forma:

0dias 23hrs 25mins 8secs

1 dias 23hrs 25mins 8secs

Isso não é jQuery, isso é JavaScript. Mas de qualquer maneira…

Você quase conseguiu. O único problema é var distance = end-now; . Deveria ser:

 var distance = end.getTime()-now.getTime(); 

Além disso, você não deve usar += em innerHTML . Em vez disso, use uma variável (exemplo: var output = "" ) e adicione a isso, em seguida, atribua ao innerHTML no final.

Por fim, verifique se o ID do div corresponde ao ID que você tem em getElementById .