Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 284
Nome: Vinícius Muniz
Descrição do site: As últimas notícias sobre "Harry Potter" em um só lugar.
Sexo: Masculino
Localização: Vargem Grande Paulista, SP
Contato:

Quantos dias faltam para determinada data

23-05-2010 19:58

Eis a seguir um código JavaScript de contador (countdown) para mostrar aos seus visitantes quantos dias faltam para determinada data.

<script language="JavaScript"> TargetDate = "12/31/2020 5:00 AM"; BackColor = "palegreen"; ForeColor = "navy"; CountActive = true; CountStepper = -1; LeadingZero = true; DisplayFormat = "%%D%% Days, %%H%% Hours, %%M%% Minutes, %%S%% Seconds."; FinishMessage = "It is finally here!"; function calcage(secs, num1, num2) { s = ((Math.floor(secs/num1))%num2).toString(); if (LeadingZero && s.length < 2) s = "0" + s; return "<b>" + s + "</b>"; } function CountBack(secs) { if (secs < 0) { document.getElementById("cntdwn").innerHTML = FinishMessage; return; } DisplayStr = DisplayFormat.replace(/%%D%%/g, calcage(secs,86400,100000)); DisplayStr = DisplayStr.replace(/%%H%%/g, calcage(secs,3600,24)); DisplayStr = DisplayStr.replace(/%%M%%/g, calcage(secs,60,60)); DisplayStr = DisplayStr.replace(/%%S%%/g, calcage(secs,1,60)); document.getElementById("cntdwn").innerHTML = DisplayStr; if (CountActive) setTimeout("CountBack(" + (secs+CountStepper) + ")", SetTimeOutPeriod); } function putspan(backcolor, forecolor) { document.write("<span id='cntdwn' style='background-color:" + backcolor + "; color:" + forecolor + "'></span>"); } if (typeof(BackColor)=="undefined") BackColor = "white"; if (typeof(ForeColor)=="undefined") ForeColor= "black"; if (typeof(TargetDate)=="undefined") TargetDate = "12/31/2020 5:00 AM"; if (typeof(DisplayFormat)=="undefined") DisplayFormat = "%%D%% Days, %%H%% Hours, %%M%% Minutes, %%S%% Seconds."; if (typeof(CountActive)=="undefined") CountActive = true; if (typeof(FinishMessage)=="undefined") FinishMessage = ""; if (typeof(CountStepper)!="number") CountStepper = -1; if (typeof(LeadingZero)=="undefined") LeadingZero = true; CountStepper = Math.ceil(CountStepper); if (CountStepper == 0) CountActive = false; var SetTimeOutPeriod = (Math.abs(CountStepper)-1)*1000 + 990; putspan(BackColor, ForeColor); var dthen = new Date(TargetDate); var dnow = new Date(); if(CountStepper>0) ddiff = new Date(dnow-dthen); else ddiff = new Date(dthen-dnow); gsecs = Math.floor(ddiff.valueOf()/1000); CountBack(gsecs); </script>

Defina a data em TargetDate = "12/31/2020 5:00 AM";;
As cores de fundo e texto em:

BackColor = "palegreen";
ForeColor = "navy";
CountActive = true;


A mensagem exibida quando o dia chegar em: FinishMessage = "It is finally here!";


==========

Author: Robert Hashemian
http://www.hashemian.com/
0
As melhores notícias sobre "Harry Potter" organizadas em um só lugar. Bastidores, fotos e vídeos das gravações de "Harry Potter e as Relíquias da Morte".

Ordem da Fênix Brasileira
http://www.ordemdafenixbrasileira.com/
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17584
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Quantos dias faltam para determinada data

23-05-2010 20:02

Não funcionou aqui.
0
A melhor hospedagem para o seu site HostGator!
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17584
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Quantos dias faltam para determinada data

23-05-2010 20:13

Eu fui no site do autor e achei esse script, não sei se o resultado final é o mesmo que o seu, mas esse, mostra na página a contagem regressiva de dias, horas, minutos e segundos até a data.

<br> <script language="JavaScript"> TargetDate = "12/31/2020 5:00 AM"; BackColor = "palegreen"; ForeColor = "navy"; CountActive = true; CountStepper = -1; LeadingZero = true; DisplayFormat = "%%D%% Days, %%H%% Hours, %%M%% Minutes, %%S%% Seconds."; FinishMessage = "It is finally here!"; </script> <script language="JavaScript" src="http://scripts.hashemian.com/js/countdown.js"></script>

Achei nesse link: http://www.hashemian.com/tools/javascript-countdown.htm

Não sei porque, mais parece que sem esse br não funciona. Esse parece ser mais prático.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 284
Nome: Vinícius Muniz
Descrição do site: As últimas notícias sobre "Harry Potter" em um só lugar.
Sexo: Masculino
Localização: Vargem Grande Paulista, SP
Contato:

Quantos dias faltam para determinada data

25-05-2010 16:22

Os resultados são os mesmos, pois são scripts iguais. Aqui pelo menos funcionou.

Eu só ignorei as redundâncias: há muitas repetições desnecessárias no código original!


:)
0
As melhores notícias sobre "Harry Potter" organizadas em um só lugar. Bastidores, fotos e vídeos das gravações de "Harry Potter e as Relíquias da Morte".

Ordem da Fênix Brasileira
http://www.ordemdafenixbrasileira.com/
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 284
Nome: Vinícius Muniz
Descrição do site: As últimas notícias sobre "Harry Potter" em um só lugar.
Sexo: Masculino
Localização: Vargem Grande Paulista, SP
Contato:

Quantos dias faltam para determinada data

25-05-2010 16:26

Veja se esse funicona, Kléber:

<script language="JavaScript">TargetDate="11/19/2010 00:00 AM";ForeColor="#CD9B1D";CountActive=true;CountStepper=-1;LeadingZero=true;DisplayFormat="Faltam %%D%% dias para a estreia de 'Relíquias da Morte: Parte I'";FinishMessage="'Relíquias da Morte: Parte I' já está em exibição nos cinemas!";</script><script language="JavaScript">function calcage(secs,num1,num2){s=((Math.floor(secs/num1))%num2).toString();if(LeadingZero&&s.length<2)s="0"+s;return"<b>"+s+"</b>"}function CountBack(secs){if(secs<0){document.getElementById("cntdwn").innerHTML=FinishMessage;return}DisplayStr=DisplayFormat.replace(/%%D%%/g,calcage(secs,86400,100000));DisplayStr=DisplayStr.replace(/%%H%%/g,calcage(secs,3600,24));DisplayStr=DisplayStr.replace(/%%M%%/g,calcage(secs,60,60));DisplayStr=DisplayStr.replace(/%%S%%/g,calcage(secs,1,60));document.getElementById("cntdwn").innerHTML=DisplayStr;if(CountActive)setTimeout("CountBack("+(secs+CountStepper)+")",SetTimeOutPeriod)}function putspan(backcolor,forecolor){document.write("<span id='cntdwn' style='background-color:"+backcolor+"; color:"+forecolor+"'></span>")}if(typeof(BackColor)=="undefined")BackColor="";if(typeof(ForeColor)=="undefined")ForeColor="black";if(typeof(TargetDate)=="undefined")TargetDate="12/31/2020 5:00 AM";if(typeof(DisplayFormat)=="undefined")DisplayFormat="%%D%% Days, %%H%% Hours, %%M%% Minutes, %%S%% Seconds.";if(typeof(CountActive)=="undefined")CountActive=true;if(typeof(FinishMessage)=="undefined")FinishMessage="";if(typeof(CountStepper)!="number")CountStepper=-1;if(typeof(LeadingZero)=="undefined")LeadingZero=true;CountStepper=Math.ceil(CountStepper);if(CountStepper==0)CountActive=false;var SetTimeOutPeriod=(Math.abs(CountStepper)-1)*1000+990;putspan(BackColor,ForeColor);var dthen=new Date(TargetDate);var dnow=new Date();if(CountStepper>0)ddiff=new Date(dnow-dthen);else ddiff=new Date(dthen-dnow);gsecs=Math.floor(ddiff.valueOf()/1000);CountBack(gsecs);</script>

É o mesmo, só que bem resumido....
0
As melhores notícias sobre "Harry Potter" organizadas em um só lugar. Bastidores, fotos e vídeos das gravações de "Harry Potter e as Relíquias da Morte".

Ordem da Fênix Brasileira
http://www.ordemdafenixbrasileira.com/
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17584
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Quantos dias faltam para determinada data

25-05-2010 16:43

Não funcionou também. FF 3
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 284
Nome: Vinícius Muniz
Descrição do site: As últimas notícias sobre "Harry Potter" em um só lugar.
Sexo: Masculino
Localização: Vargem Grande Paulista, SP
Contato:

Quantos dias faltam para determinada data

26-05-2010 21:12

Ué, eu uso Mozilla Firefox 3.6.3 e Internet Explorer 8.

Em ambos navegadores funcionaram......
0
As melhores notícias sobre "Harry Potter" organizadas em um só lugar. Bastidores, fotos e vídeos das gravações de "Harry Potter e as Relíquias da Morte".

Ordem da Fênix Brasileira
http://www.ordemdafenixbrasileira.com/
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 284
Nome: Vinícius Muniz
Descrição do site: As últimas notícias sobre "Harry Potter" em um só lugar.
Sexo: Masculino
Localização: Vargem Grande Paulista, SP
Contato:

Quantos dias faltam para determinada data

26-05-2010 21:20

Os resultados podem ser conferidos aqui-> http://browsershots.org/http://www.orde ... leira.com/

Não funcionou em alguns navegadores antigos e sistemas ultrapassados.

Vc teria uma recomendação, Kléber?
0
As melhores notícias sobre "Harry Potter" organizadas em um só lugar. Bastidores, fotos e vídeos das gravações de "Harry Potter e as Relíquias da Morte".

Ordem da Fênix Brasileira
http://www.ordemdafenixbrasileira.com/
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17584
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Quantos dias faltam para determinada data

26-05-2010 21:22

Nem consegui ver do que se trata.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 284
Nome: Vinícius Muniz
Descrição do site: As últimas notícias sobre "Harry Potter" em um só lugar.
Sexo: Masculino
Localização: Vargem Grande Paulista, SP
Contato:

Quantos dias faltam para determinada data

31-05-2010 21:33

O link enviado trata-se de screenshots de meu site que mostram o contador funcionando corretamente.

Há mudanças de 1 dia em algumas imagens, pois estas também são tiradas de navegadores de outros países.

O código ainda ñ funcionou?
0
As melhores notícias sobre "Harry Potter" organizadas em um só lugar. Bastidores, fotos e vídeos das gravações de "Harry Potter e as Relíquias da Morte".

Ordem da Fênix Brasileira
http://www.ordemdafenixbrasileira.com/
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17584
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Quantos dias faltam para determinada data

31-05-2010 21:37

Ah sim, o link carregou com o screen, só que são muitos ai não tinha entendido. Quanto ao script não funcionou, acho que está faltando alguma parte HTML.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 284
Nome: Vinícius Muniz
Descrição do site: As últimas notícias sobre "Harry Potter" em um só lugar.
Sexo: Masculino
Localização: Vargem Grande Paulista, SP
Contato:

Quantos dias faltam para determinada data

31-05-2010 21:44

Olha, aqui o resultado obtido pelos códigos foi o mesmo...

Pq será que aí ñ funciona?
0
As melhores notícias sobre "Harry Potter" organizadas em um só lugar. Bastidores, fotos e vídeos das gravações de "Harry Potter e as Relíquias da Morte".

Ordem da Fênix Brasileira
http://www.ordemdafenixbrasileira.com/
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17584
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Quantos dias faltam para determinada data

31-05-2010 21:47

Até hoje não entendi também. Aquele que coloquei lá em cima, que falei que "funcionou", só apareceu aqui porque coloquei um <br> antes dele, nem sei porque. O lance é partir para outro. :-)
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 284
Nome: Vinícius Muniz
Descrição do site: As últimas notícias sobre "Harry Potter" em um só lugar.
Sexo: Masculino
Localização: Vargem Grande Paulista, SP
Contato:

Quantos dias faltam para determinada data

31-05-2010 21:51

Ok, tbm continuo sem entender! :drunk:
0
As melhores notícias sobre "Harry Potter" organizadas em um só lugar. Bastidores, fotos e vídeos das gravações de "Harry Potter e as Relíquias da Morte".

Ordem da Fênix Brasileira
http://www.ordemdafenixbrasileira.com/
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 284
Nome: Vinícius Muniz
Descrição do site: As últimas notícias sobre "Harry Potter" em um só lugar.
Sexo: Masculino
Localização: Vargem Grande Paulista, SP
Contato:

Quantos dias faltam para determinada data

24-06-2010 21:25

Kléber,

Veja se esse código funciona aí agora:

<table width="180" border="0" background="http://4.bp.blogspot.com/_syquA7AjRJs/TCPyN6G_qcI/AAAAAAAAEuc/OJnEZ-Ep-KU/s1600/countdown_HP7%5B1%5D-OFB.png" height="100" cellpadding="0" cellspacing="0"> <tr> <td height="147"></td> </tr> <tr> <td height="28"><center><font class="hora"><b><script language="JavaScript"> TargetDate = "11/19/2010 00:00 AM"; BackColor = ""; ForeColor = "#cd670c"; CountActive = true; CountStepper = -1; LeadingZero = true; DisplayFormat = "%%D%% dias, %%H%%:%%M%%:%%S%%"; FinishMessage = "hoje nos cinemas!"; </script> <script language="JavaScript" src="http://dl.dropbox.com/u/2111884/Contador%20PotterCave.js"></script></b></font></center></td></tr></table>

0
As melhores notícias sobre "Harry Potter" organizadas em um só lugar. Bastidores, fotos e vídeos das gravações de "Harry Potter e as Relíquias da Morte".

Ordem da Fênix Brasileira
http://www.ordemdafenixbrasileira.com/
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17584
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Quantos dias faltam para determinada data

24-06-2010 21:39

Sim, no IE e FF :rock:
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 284
Nome: Vinícius Muniz
Descrição do site: As últimas notícias sobre "Harry Potter" em um só lugar.
Sexo: Masculino
Localização: Vargem Grande Paulista, SP
Contato:

Quantos dias faltam para determinada data

25-06-2010 16:47

\o/

Que ótimo!

;)
0
As melhores notícias sobre "Harry Potter" organizadas em um só lugar. Bastidores, fotos e vídeos das gravações de "Harry Potter e as Relíquias da Morte".

Ordem da Fênix Brasileira
http://www.ordemdafenixbrasileira.com/

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado