Ir ao conteúdo
  • Cadastre-se
Regras do Clube do Hardware

Countdown

luciano_lka

Por luciano_lka
em Web e banco de dados

Posts recomendados

luciano_lka
 

luciano_lka

Postado
Postado

Olá, peguei vários exemplos de cronometro regressivo para colocar num site de ofertas, mas nenhum deles funcionou totalmente, e os que funcionaram, só apareciam no primeiro item.

Alguém já teve esse problema e poderia me passar algumas dicas ?

Utilizo php e javascript e não conheço muito sobre ajax e jquery.

A lógica seria assim:

ler banco mysql e o item que estiver com oferta utiliza o cronometro regressivo com dias e horas online e assim que zerasse ficaria com a mensagem

oferta encerrada ! por algum tempo.

Utilizo array com echo para display das caracteristicas da oferta.

Obrigado !

Link para o comentário
Compartilhar em outros sites
methark
 

methark

Postado
Postado

Coloca em cada produto um campo invisível que receba do banco o tempo do countdown.

Quando o visitante acessar o site, utilize o JS para iniciar o countdown sobre este valor...aí o céu é o limite...

PS: Lembre-se que o javascript é só um intemediário...quem faz mesmo o countdown é a página quando carrega a data de término da promoção do SGBD!!!!

Grande abraço,

Link para o comentário
Compartilhar em outros sites
luciano_lka
 

luciano_lka

Postado
  • Autor
Postado

Olá Methark, obrigado pelas dicas e pela atenção dispensada !!

Eu não entendi bem com relação ao campo invisivel.

tenho os seguintes campos da tabela:

id_promocao

promo_precobruto double int 6,2

promo_desc double 3,2

promo_valor_desconto double 6,2

promo_valor_liquido double 6,2

promo_prazo yyyy/mm/dd

<html code>

<body onload="atualizaContador()">

.......

$sn = ($promo['promo_prazo']) ;

$sn = str_replace("-",",",$sn);

........

<fieldset style="width:75%"><legend>Por</legend>

<?php if(!empty($promo['promo_preco_liquido'])) {$valor4=$promo['promo_preco_liquido'] ;echo "R$ " . (str_replace(".",",",$valor4));}?><br></fieldset>

<fieldset style="width:75%"><legend>Validade</legend>

.......

<script type="text/javascript">

var futuro = new Date(<?php echo $sn ; ?>,HH,MI,SS);

var ss = parseInt((futuro - hoje) / 1000);

var mm = parseInt(ss / 60);

var hh = parseInt(mm / 60);

var dd = parseInt(hh / 24);

ss = ss - (mm * 60);

mm = mm - (hh * 60);

hh = hh - (dd * 24);

var faltam = '';

faltam += (toString(hh).length) ? hh+':':'';

faltam += (toString(mm).length) ? mm+':':'';

faltam += ss+'';

if (dd+hh+mm+ss > 0) {

document.getElementById('contador').innerHTML = faltam;

setTimeout(atualizaContador,1000);

} else {

document.getElementById('contador').innerHTML = 'CHEGOU!!!!';

setTimeout(atualizaContador,1000);

}

}

</script>

Faltam <span id="contador"></span>

</fieldset>

<html end code>

Então, todo item tem seu campo de prazo, esse campo é enviado ao javascript a cada array...o body chama a função...o countdown é chamado a cada leitura...

acho que a lógica é a mesma, não é ? Ou tenho que criar um array para o countdown também ?

Desculpe-me não leve em consideração os nomes dos campos, pois fiz sem olhar

o lay-out, não postei os nomes originais

Link para o comentário
Compartilhar em outros sites

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Ir à lista de tópicos

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

Mais

×
×
  • Criar novo...

Ebook grátis: Aprenda a ler resistores e capacitores!

EBOOK GRÁTIS!

CLIQUE AQUI E BAIXE AGORA MESMO!