Ir para conteúdo

POWERED BY:

Arquivado

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

Vinicius Cainelli

um contador regressivo somente com os segundos

Por , em Javascript

Recommended Posts

Vinicius Cainelli    17

Vinicius Cainelli
Postado

Bom galera, eu preciso de um contador de segundos. Mais ou menos parecido com aqueles que mostram: Faltam 10 dias 6h 78m e 25s. só que eu preciso somente com os segundos, encontrei alguns parecidos com este que descrevi, mais não consegui fazer a conta pra poder deixa apenas os segundos a mostra. E outro que encontrei eu consegui fazer a conta, só que ele não era dinamico, tinha que ficar atulizando. mow s***, se alguem puder me ajudar...

Compartilhar este post

Link para o post
Compartilhar em outros sites

klonder    14

klonder
Postado 




<html>



	<head>



<script type="text/javascript">



function dataDiff() {


 



data1 = new Date();



document.getElementById("dt1").value = data1;


 



var data2 = document.getElementById("dt2");	



data2 = new Date(data2.value);


 


 



	diffData = (data2.getTime()-data1.getTime())/1000;



document.getElementById("dtDiff").value = diffData.toFixed(0);


 


 



setTimeout("dataDiff()",500);



}	


 



</script>



	</head>



<body>



Hoje: <input type="text" id="dt1" value="">



<br>Data 2: <input type="text" id="dt2" value="Aug 07, 2009 00:00:00"> Ex: Aug 10, 2009 00:00:00



<br><br>Diferença: <input type="text" id="dtDiff"> segundos



<br><input type="button" value=" Calcular " onClick="dataDiff()">



</body>



</html>







			
		


		

			
				
					

	
	
		

			
				
				

					
				

			
			
			
		

	


				
			
			
    
				
					
					
					
				
				
  • 
					
				
    • 
			

		


		
			

		
	


	

		

			
Compartilhar este post

			

			
Link para o post

			
			
			

			
				
Compartilhar em outros sites

				

	

			
		

	



	



					
				
					
					
					







	

	

		

			
Vinicius Cainelli
			  

	
		
	
			 17
	
		
	

		

		

			


	
		Vinicius Cainelli
	

		

	

	
	

		



	

	

		

			
		


		

			Postado 
			
				
				
			
		

	


	


	

		
		

			
Cara, vlw, mas me ajuda mais uma vez, como faço pra mostrar os segundos direto, sem ter que clicar nesse botão, dentro de uma div por exemplo.


			
		


		

			
				
					

	
	
		

			
				
				

					
				

			
			
			
		

	


				
			
			
    
				
					
					
					
				
				
  • 
					
				
    • 
			

		


		
			

		
	


	

		

			
Compartilhar este post

			

			
Link para o post

			
			
			

			
				
Compartilhar em outros sites

				

	

			
		

	



	



					
				
					
					
					







	

	

		

			
klonder
			  

	
		
	
			 14
	
		
	

		

		

			


	
		klonder
	

		

	

	
	

		



	

	

		

			
		


		

			Postado 
			
				
				
			
		

	


	


	

		
		

			






<html>



	<head>



<script type="text/javascript">



function dataDiff() {


 



data1 = new Date();



document.getElementById("dt1").value = data1;


 



var data2 = document.getElementById("dt2");	



data2 = new Date(data2.value);


 


 



	diffData = (data2.getTime()-data1.getTime())/1000;



document.getElementById("dtDiff").innerHTML = diffData.toFixed(0);


 


 



setTimeout("dataDiff()",500);



}	


 



	window.onload = dataDiff;	



</script>



	</head>



<body>



Hoje: <input type="text" id="dt1" size="50">



<br>Data 2: <input type="text" id="dt2" value="Aug 07, 2009 00:00:00" size="50"> Ex: Aug 10, 2009 00:00:00



<br><br>Diferença: <span id="dtDiff"> </span>  segundos.



</body>



</html>







			
		


		

			
				
					

	
	
		

			
				
				

					
				

			
			
			
		

	


				
			
			
    
				
					
					
					
				
				
  • 
					
				
    • 
			

		


		
			

		
	


	

		

			
Compartilhar este post

			

			
Link para o post

			
			
			

			
				
Compartilhar em outros sites

				

	

			
		

	



	



					
				
					
					
					







	

	

		

			
Vinicius Cainelli
			  

	
		
	
			 17
	
		
	

		

		

			


	
		Vinicius Cainelli
	

		

	

	
	

		



	

	

		

			
		


		

			Postado 
			
				
				
			
		

	


	


	

		
		

			

Na verdade não era isso não... era isso aqui ó...


 




<html>

<body>

<div id="elemento" class="contagem"></div>

<script type="text/javascript">
function atualizaContador(YY,MM,DD,HH,MI,saida) {
	var SS = 00;
	var hoje = new Date();
	var futuro = new Date(YY,MM-1,DD,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);
	
	var segundos = (dd * hh * mm * ss) ;

	var faltam = '';
	//faltam += (dd && dd > 1) ? dd+' dias, ' : (dd==1 ? '1 dia, ' : '');
	//faltam += (toString(hh).length) ? hh+':' : '';
	//faltam += (toString(mm).length) ? mm+':' : '';
	faltam += ss ; 

	if (dd+hh+mm+ss > 0) {
		document.getElementById(saida).innerHTML = faltam;
		setTimeout(function(){atualizaContador(YY,MM,DD,HH,MI,saida)},1000);
	} else {
		document.getElementById(saida).innerHTML = '';
		setTimeout(function(){atualizaContador(YY,MM,DD,HH,MI,saida)},1000);
	}
}

window.onload=function(){
	atualizaContador('2009','08','24','11','00','elemento');
}

</script>
</body>
</html>



 


Eu consegui achar... agora se puder me ajudar (mas uma vez), como faço pra ao inves dos números, irem aparecendo imagens. tipo cada imagem tem um número, de 0 a 9, ai conforme vai mudando o número vai mudando a imagem.


 


mais ou menos como esse aqui...


 





<html>

<body>
<script>

//change the text below to reflect your own,
var before="a Copa do Mundo de 2006!"
var current="Hoje começa a Copa do Mundo de 2006!"
var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")

function countdown(yr,m,d){
var today=new Date()
var todayy=today.getYear()
if (todayy < 1000)
todayy+=1900
var todaym=today.getMonth()
var todayd=today.getDate()
var todaystring=montharray[todaym]+" "+todayd+", "+todayy
var futurestring=montharray[m-1]+" "+d+", "+yr
var difference=(Math.round((Date.parse(futurestring)-Date.parse(todaystring))/(24*60*60*1000))*1)
var dstring=difference.toString()
if (difference==0)
document.write(current)
else if (difference>0){
document.write("Faltam ")
for (i=0;i<=dstring.length-1;i++)
document.write('<img src="c'+dstring.charAt(i)+'.gif">')
document.write(' dias para '+before)
}
}
//enter the count down date using the format year/month/day
countdown(2010,06,30)
</script><!--webbot bot="HTMLMarkup" endspan i-checksum="2515" --></p>
</body>
</html>



ai dentro da pasta tem uma imagem com cada número desenhado... só q esse tá apenas pros dias e não pros segundos.


 


Da uma força ae...



			
		


		

			
				
					

	
	
		

			
				
				

					
				

			
			
			
		

	


				
			
			
    
				
					
					
					
				
				
  • 
					
				
    • 
			

		


		
			

		
	


	

		

			
Compartilhar este post

			

			
Link para o post

			
			
			

			
				
Compartilhar em outros sites

				

	

			
		

	



	



					
				
			
			



		

	


	
	

	

	







	

		
			
				Ir para a lista de tópicos
				Javascript
			
		
	

	




	

	

	




						


	

		
	


					

					

	

		
        


	

		
    
			
				
					
					
  • 
				
					
					
  • 
				
					
					
  • 
				
			
		

	


		
            
			

	

		
		

			

				
			

		

	



		
	


					

				

			

			
		

		
		


	×
	

		

			

			

				
			


			
		

	



		

	































	
















		
			
		
		
		
		







	




	







	

		

			

				
Informação importante

				
Ao usar o fórum, você concorda com nossos Termos e condições.

			

			

				  Aceito