Contador de tempo(restante)
04/07/2013
0
estou curioso em sabe como se faz aqueles contadores que existem em site de compra coletiva, é em alguma linguagem especifica? html, javascript, php, java...?
Marcelo Pastore
Posts
04/07/2013
Clayton Silva
estou curioso em sabe como se faz aqueles contadores que existem em site de compra coletiva, é em alguma linguagem especifica? html, javascript, php, java...?
A base html e se tiver contagem em tempo real é em javascript.
Você encontra vários modelos pela internet.
04/07/2013
José
O contador mostra a contagem regressiva em uma tag html (span, div, etc).
Não se esqueça de incluir o JQuery
1
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
O código está todo comentado!
01
var tempo = new Number();
02
// Tempo em segundos
03
tempo = 300;
04
05
function startCountdown(){
06
07
// Se o tempo não for zerado
08
if((tempo - 1) >= 0){
09
10
// Pega a parte inteira dos minutos
11
var min = parseInt(tempo/60);
12
// Calcula os segundos restantes
13
var seg = tempo%60;
14
15
// Formata o número menor que dez, ex: 08, 07, ...
16
if(min < 10){
17
min = "0"+min;
18
min = min.substr(0, 2);
19
}
20
if(seg <=9){
21
seg = "0"+seg;
22
}
23
24
// Cria a variável para formatar no estilo hora/cronômetro
25
horaImprimivel = '00:' + min + ':' + seg;
26
//JQuery pra setar o valor
27
$("#sessao").html(horaImprimivel);
28
29
// Define que a função será executada novamente em 1000ms = 1 segundo
30
setTimeout('startCountdown()',1000);
31
32
// diminui o tempo
33
tempo--;
34
35
// Quando o contador chegar a zero faz esta ação
36
} else {
37
window.open('../controllers/logout.php', '_self');
38
}
39
40
}
41
42
// Chama a função ao carregar a tela
43
startCountdown();
Fonte : [url]http://www.rafaelzottesso.com.br/contador-de-tempo-regressivo-cronometro-em-javascriptjquery/[/url]
04/07/2013
Clayton Silva
este é um exemplo simples. só mudar o tempo ali.
o que vc procura são aqueles relógios de contagem regressiva.
aqui você encontra vários modelos, mas são pagos.
http://codecanyon.net/category/javascript/countdowns
04/07/2013
José
05/07/2013
Clayton Silva
Poupa muito tempo no meu desenvolvimento.
Mas talvez pra quem esteja estudando não seja tão acessível.
05/07/2013
José
Poupa muito tempo no meu desenvolvimento.
Mas talvez pra quem esteja estudando não seja tão acessível.
Concordo plenamente com você amigo, para quem tá estudando e quer apenas para experiencias não vale apena o gasto.
e as vezes é até mas vantajoso aprender a fazer um mais simples que seja no braço pra adquirir o conhecimento
de como se desenvolver e ai sim ir ampliando.
05/07/2013
Andre Fonseca
Primeiro contador em javascript:
<Script>
var contador= 1;
if (contador = 1)
{
contador + 1;
}
else
document.alert('contador desativado')
</Script>
Contador em PHP
<?
$contador =1;
if (contador = 1)
{
contador + 1;
else
echo 'contador inexistente';
}
/?>
Este e um codigo que criei recentemente por conta peço que você teste e o ajuste a suas necessidades e qualquer duvida e so postar novamente que sera um prazer lhe ajudar
PS:Este codigo não foi testado peço que teste estes dois codigos e faça o ajuste conforme suas necessidades
07/07/2013
Marcelo Pastore
este é um exemplo simples. só mudar o tempo ali.
o que vc procura são aqueles relógios de contagem regressiva.
aqui você encontra vários modelos, mas são pagos.
http://codecanyon.net/category/javascript/countdowns
obrigado Clayton.
07/07/2013
Marcelo Pastore
qual o melhor?
08/07/2013
Andre Fonseca
o exemplo que dei e um contador simples que pode ser adaptado ao parâmetro e projeto que desejar se me passar detalhes do projeto posso montar um exemplo mais profundo para seu uso.
Clique aqui para fazer login e interagir na Comunidade :)
