Contagem regressiva (Peixe Urbano)

[Donald SIlveira 0]

Olá, Bom dia iMasters!

 

Bom, estou iniciando um sistema de compra coletiva, é um sistema simples e facil, eu já vi muitos scripts rolando por ai e tudo muito bagunçado nada organizado.

 

Enfim, o unico problema que estou é na contagem regressiva (Reloginho), porque javascript ainda não é meu forte heheh.

 

Eu montei toda a parte em php para na hora de cadastrar a oferta ele calcular da Data de inicio a data do termino da oferta e converter em H:m:s, até ai tudo muito bem, muito bacana, o problema é fazer a contagem. Quero que na div onde vai printar o tempo (Ex.: 72h : 30min : 50seg) faça a contagem, acho que tem que ultilizar algum script em jquery para atualizar apenas a div onde estará o tempo.

 

Entederam? Eu não hehe, mas é mais ou menos isso ai xD Acho que se vocês verem no site: www.peixeurbano.com.br vão me entender!

 

Grato,

 

Donald Silveira

[Go Back 0]

<div class="limitdate">
<ul id="counter">
</ul>
</div>
</div>

 

Contador - Jquery

[Donald SIlveira 0]

<div class="limitdate">
<ul id="counter">
</ul>
</div>
</div>

 

Contador - Jquery

 

O Link não esta funcionando!

[augustoclaro 2]

eae amigo!

 

cria uma função pra formatar a hora a partir de segundos, e vai diminuindo os segundos com setInterval, e usando mostrando na tela com jquery.

 

Espero ter ajudado.

[Go Back 0]

Tente por HTTPS

[~Thiago Lara 0]

Pega a minha www.alkateia.com.br

 

Abs

[Donald SIlveira 0]

Tente por HTTPS

 

Não funcionou amigo! Teria como enviar-me por e-mail?

 

donaldsilveira@gmail.com

[~Thiago Lara 0]

Você está referindo a mim ou ao Go Back?

[Donald SIlveira 0]

Você está referindo a mim ou ao Go Back?

 

Go Back, o seu eu teria que entrar no código fonte e pegar o código, mas o que eu precisava mesmo era uma explicação, pois arrecem estou aprendendo javascript, apenas pegar códigos é facil, eu gostária de aprender.

[William Bruno 1501]

tem vários topicos semelhantes ao teu:

 

http://forum.imasters.com.br/index.php?/topic/419182-contador-regressivo-countdown/page__view__findpost__p__1652404

bem 'explicativo' esse código.

[~Thiago Lara 0]

É, o código é auto-explicativo, não tem nada de tão complexo assim...

[ferp4 0]

realmente...

E ae conseguiu ?

[Sky D. Wolfwood 0]

usei assim uma vez e funcionou muito bem... você só precisa de uma div com ID relogio e dentro delas Ps ou Spans ou qq coisa com os IDs hrs, mins e segs... ai você formata como quiser

 

 

       var tempo = TEMPO_INICIAL_EM_SEGUNDOS;
var tempo_calc = tempo/1000

function esgotou_tempo(){
	clearInterval(relogio)
	/////////////////////////////*
               Faz o que você quiser quando esgotar o tempo da contagem regressiva...
               ////////////////////////////*/
}

function interval(){
	tempo_calc--
	arruma_relogio()
}

function arruma_relogio(){

	hrs = ("00" + parseInt(tempo_calc/3600)).substr(this.length-2)
	mins = ("00" + parseInt((tempo_calc % 3600)/60)).substr(this.length-2)
	segs = ("00" + tempo_calc % 3600 % 60).substr(this.length-2)

	$('#hrs').text(hrs)
	$('#mins').text(mins)
	$('#segs').text(segs)
}

if(tempo>0){
	arruma_relogio()

	var relogio = setInterval(interval,1000)

	timer = setTimeout(esgotou_tempo,tempo)
}
else{
	$('#relogio').remove()
}