Destinado a Artigos, Tutoriais e Matérias de colunistas, base em PHP, MySQL, JavaScript, HTML, CSS, jQuery, etc... entre outros.
Moderador: web
 por Vinicius Muniz Offline » Dom Mai 23, 2010 8:58 pm
|
|
Eis a seguir um código JavaScript de contador (countdown) para mostrar aos seus visitantes quantos dias faltam para determinada data.
- Código: Selecionar todos
<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/
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 Brasileirahttp://www.ordemdafenixbrasileira.com/
Vinicius Muniz
SUPER VETERANO
Mensagens: 210
Registrado em: Sáb Jan 24, 2009 5:29 pm
|
por web Offline » Dom Mai 23, 2010 9:02 pm
Não funcionou aqui.
Gostou do que encontrou? Divulgue, indique, participe, agradeça pelas respostas.
Faço scripts personalizados ou reparos em scripts. Orçamento MSN codigosnaweb [@] hotmail [.] com
web
ADMIN
Mensagens: 11904
Registrado em: Sáb Jan 20, 2007 6:08 pm
Localização: RJ / RJ / Brasil
|
por web Offline » Dom Mai 23, 2010 9:13 pm
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.
- Código: Selecionar todos
<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.
Gostou do que encontrou? Divulgue, indique, participe, agradeça pelas respostas.
Faço scripts personalizados ou reparos em scripts. Orçamento MSN codigosnaweb [@] hotmail [.] com
web
ADMIN
Mensagens: 11904
Registrado em: Sáb Jan 20, 2007 6:08 pm
Localização: RJ / RJ / Brasil
|
por Vinicius Muniz Offline » Ter Mai 25, 2010 5:22 pm
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!
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 Brasileirahttp://www.ordemdafenixbrasileira.com/
Vinicius Muniz
SUPER VETERANO
Mensagens: 210
Registrado em: Sáb Jan 24, 2009 5:29 pm
|
por Vinicius Muniz Offline » Ter Mai 25, 2010 5:26 pm
Veja se esse funicona, Kléber:
- Código: Selecionar todos
<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....
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 Brasileirahttp://www.ordemdafenixbrasileira.com/
Vinicius Muniz
SUPER VETERANO
Mensagens: 210
Registrado em: Sáb Jan 24, 2009 5:29 pm
|
por web Offline » Ter Mai 25, 2010 5:43 pm
Não funcionou também. FF 3
Gostou do que encontrou? Divulgue, indique, participe, agradeça pelas respostas.
Faço scripts personalizados ou reparos em scripts. Orçamento MSN codigosnaweb [@] hotmail [.] com
web
ADMIN
Mensagens: 11904
Registrado em: Sáb Jan 20, 2007 6:08 pm
Localização: RJ / RJ / Brasil
|
por Vinicius Muniz Offline » Qua Mai 26, 2010 10:12 pm
Ué, eu uso Mozilla Firefox 3.6.3 e Internet Explorer 8.
Em ambos navegadores funcionaram......
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 Brasileirahttp://www.ordemdafenixbrasileira.com/
Vinicius Muniz
SUPER VETERANO
Mensagens: 210
Registrado em: Sáb Jan 24, 2009 5:29 pm
|
por web Offline » Qua Mai 26, 2010 10:22 pm
Nem consegui ver do que se trata.
Gostou do que encontrou? Divulgue, indique, participe, agradeça pelas respostas.
Faço scripts personalizados ou reparos em scripts. Orçamento MSN codigosnaweb [@] hotmail [.] com
web
ADMIN
Mensagens: 11904
Registrado em: Sáb Jan 20, 2007 6:08 pm
Localização: RJ / RJ / Brasil
|
por Vinicius Muniz Offline » Seg Mai 31, 2010 10:33 pm
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?
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 Brasileirahttp://www.ordemdafenixbrasileira.com/
Vinicius Muniz
SUPER VETERANO
Mensagens: 210
Registrado em: Sáb Jan 24, 2009 5:29 pm
|
por web Offline » Seg Mai 31, 2010 10:37 pm
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.
Gostou do que encontrou? Divulgue, indique, participe, agradeça pelas respostas.
Faço scripts personalizados ou reparos em scripts. Orçamento MSN codigosnaweb [@] hotmail [.] com
web
ADMIN
Mensagens: 11904
Registrado em: Sáb Jan 20, 2007 6:08 pm
Localização: RJ / RJ / Brasil
|
por Vinicius Muniz Offline » Seg Mai 31, 2010 10:44 pm
Olha, aqui o resultado obtido pelos códigos foi o mesmo...
Pq será que aí ñ funciona?
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 Brasileirahttp://www.ordemdafenixbrasileira.com/
Vinicius Muniz
SUPER VETERANO
Mensagens: 210
Registrado em: Sáb Jan 24, 2009 5:29 pm
|
por web Offline » Seg Mai 31, 2010 10:47 pm
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.
Gostou do que encontrou? Divulgue, indique, participe, agradeça pelas respostas.
Faço scripts personalizados ou reparos em scripts. Orçamento MSN codigosnaweb [@] hotmail [.] com
web
ADMIN
Mensagens: 11904
Registrado em: Sáb Jan 20, 2007 6:08 pm
Localização: RJ / RJ / Brasil
|
por Vinicius Muniz Offline » Seg Mai 31, 2010 10:51 pm
Ok, tbm continuo sem entender! 
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 Brasileirahttp://www.ordemdafenixbrasileira.com/
Vinicius Muniz
SUPER VETERANO
Mensagens: 210
Registrado em: Sáb Jan 24, 2009 5:29 pm
|
por Vinicius Muniz Offline » Qui Jun 24, 2010 10:25 pm
Kléber,
Veja se esse código funciona aí agora:
- Código: Selecionar todos
<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>
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 Brasileirahttp://www.ordemdafenixbrasileira.com/
Vinicius Muniz
SUPER VETERANO
Mensagens: 210
Registrado em: Sáb Jan 24, 2009 5:29 pm
|
Voltar para Laboratório de Artigos, Tutoriais e Matérias
Quem está online
Usuários navegando neste fórum: Nenhum usuário registrado e 1 visitante
|
|
|
