Contador Regressivo

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Contador Regressivo

Mensagem por Artman em 06/06/14, 06:13 pm

  • Descrição:
Código:
<div align="center">
    <img src="http://i39.servimg.com/u/f39/18/88/16/67/e3-20124.jpg" />
</div>
 <br /> <script language="JavaScript">

<!-- begin

var sHors = "0"; 

var sMins = "900";

var sSecs =0;

function getSecs(){

sSecs--;

if(sSecs<0)

    {sSecs=59;sMins--;if(sMins<=9)sMins="0"+sMins;}

if(sMins=="0-1")

    {sMins=5;sHors--;if(sHors<=9)sHors="0"+sHors;}

if(sSecs<=9)sSecs="0"+sSecs;

if(sHors=="0-1")

{sHors="00";sMins="00";sSecs="00";

clock1.innerHTML=sHors+"<font color=#000000>:</font>"+sMins+"<font color=#000000>:</font>"+sSecs;}

    else

    {

  clock1.innerHTML=sHors+"<font color=#000000>:</font>"+sMins+"<font color=#000000>:</font>"+sSecs;

    setTimeout('getSecs()',1000);

}

}

//-->

</script> 
<div align="center">
    <strong><span style="color: black; font-family: arial; font-size: 24px;"><span id="clock1"></span><script>setTimeout('getSecs()',1000);</script></span></strong><br /> 
</div>

Ola.
Gostaria de personalizar o codigo abaixo para que o mesmo nao voltasse a contagem regressiva quando atualizar a pagina.

Se possivel tambem adicionar o campo para dias.

  • Informações:
Fórum:http://b13games.forumeiros.com/Versão:PUNBB
Tipo:Pedido de códigoTags:Contador,Regressivo

avatar

Artman
Nível 3

Masculino
Inscrito dia : 06/06/2014
Mensagens : 23
Pontos Ativos : 28

Ver perfil do usuário http://b13games.forumeiros.com/

Resolvido Re: Contador Regressivo

Mensagem por Harold C+ em 06/06/14, 06:17 pm

O Senhor Está Pedido um Código de um Contador Regressivo Né ? '-'
Por que colocaste um código Css nada a ve ? ( explique )

Você quer um Contador ?

Pode Fazer um em http://contador.s12.com.br/

Depois o senhor poderia colocar em um widget..'
avatar

Harold C+
Nível 10

Masculino
Inscrito dia : 27/07/2013
Mensagens : 267
Pontos Ativos : 429

Ver perfil do usuário http://www.roxyanimemanga.forum-pro.net

Resolvido Re: Contador Regressivo

Mensagem por Artman em 06/06/14, 07:07 pm

@mensagem editada.


Última edição por Artman em 06/06/14, 07:19 pm, editado 1 vez(es)
avatar

Artman
Nível 3

Masculino
Inscrito dia : 06/06/2014
Mensagens : 23
Pontos Ativos : 28

Ver perfil do usuário http://b13games.forumeiros.com/

Resolvido Re: Contador Regressivo

Mensagem por Harold C+ em 06/06/14, 07:13 pm

Perdão...

Enfim Um Contador Regressivo, Você pode fazer aqui :

Link - http://www.horlogeparlante.com/contagem-regressiva.html
avatar

Harold C+
Nível 10

Masculino
Inscrito dia : 27/07/2013
Mensagens : 267
Pontos Ativos : 429

Ver perfil do usuário http://www.roxyanimemanga.forum-pro.net

Resolvido Re: Contador Regressivo

Mensagem por Artman em 06/06/14, 07:21 pm

Peço desculpas pelo tom.

É exatamento isto, mas como posso conseguir o código para aplicar no widget do meu fórum?

avatar

Artman
Nível 3

Masculino
Inscrito dia : 06/06/2014
Mensagens : 23
Pontos Ativos : 28

Ver perfil do usuário http://b13games.forumeiros.com/

Resolvido Re: Contador Regressivo

Mensagem por Harold C+ em 06/06/14, 07:33 pm

Nada.

Enfim, realmente nesse lugar deve ser DEMO ou é PAGO Para ganhar, acho que no site a única coisa grátis é o relógio kkkk enfim, tente esse site :

http://www.usflashmap.com/component/countdown_timer_port.htm

1° Passo - Escolha
2° Passo - Edite Tempo
3° Passo - Edite Texto
4° Passo - Pegue o Código


Depois Insira em um Widget e Seja Feliz Muito feliz !
avatar

Harold C+
Nível 10

Masculino
Inscrito dia : 27/07/2013
Mensagens : 267
Pontos Ativos : 429

Ver perfil do usuário http://www.roxyanimemanga.forum-pro.net

Resolvido Re: Contador Regressivo

Mensagem por Artman em 06/06/14, 09:40 pm

Como faço pro widget reconhecer esse código?

Código:
object type="application/x-shockwave-flash" height="100" width="180" data="http://www.usflashmap.com/component/cdt_new/cdt2_1.swf">
<param name="movie" value="http://www.usflashmap.com/component/cdt_new/cdt2_1.swf" />
<param name="base" value="http://www.usflashmap.com/component/cdt_new/" />
<param name="flashvars" value="
      &timer=1&
      &time_template=2:ss;1:mm;0:hh&
      &time_color=0x000000&
      &label_color=0x000000&
      &background_color=0xFFFFFF&
      &flare_view=false&
      &time_label=d:DAY;h:HOUR;m:MIN;s:SEC&
      &time_zone=(GMT -03:00) Brasilia&
      &event_time=year:2014;month:6;day:9;hour:13;minute:0;seconds:0&
      &event_duration=year:0;month:0;day:0;hour:0;minute:0;seconds:0&
      &event_recursion=hourly&
      &onpress_url=-&
      &event_onpress_url=-&
      &title=Conferência Microsoft&
      &event_title=Conferência Microsoft
Acontencendo Agora!&
      &sound_file=-&
      &event_sound_file=-&
      &transparent=true&
" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="scale" value="noscale" />
<param name="salign" value="lt" />
</object>
avatar

Artman
Nível 3

Masculino
Inscrito dia : 06/06/2014
Mensagens : 23
Pontos Ativos : 28

Ver perfil do usuário http://b13games.forumeiros.com/

Resolvido Re: Contador Regressivo

Mensagem por Harold C+ em 06/06/14, 09:47 pm

------------------ Solução 1 -----------------

Verifique e Tente

- Table Type ( Sim )
- Código Correto

Não deu ? Próxima Solução

-------------------- Solução 2 -----------

Verifique se seu Fórum Aceita Códigos HTML , Por se tratar de um HTML Eu acho que tem que estar ativo -- Painel de Controle Geral > Mensagens e E-mails > Configurações Ative Html


---------------------- Solução 3 --------------

Não funfou ? avise-me. vou tentar te ajudar brevemente.
avatar

Harold C+
Nível 10

Masculino
Inscrito dia : 27/07/2013
Mensagens : 267
Pontos Ativos : 429

Ver perfil do usuário http://www.roxyanimemanga.forum-pro.net

Resolvido Re: Contador Regressivo

Mensagem por Artman em 07/06/14, 07:40 am

Olá, Graphz

Está tudo certo.

Table Type ( Sim ) - OK
Código Correto - Código fornecido pelo website
Fórum Aceita Códigos HTML - OK
avatar

Artman
Nível 3

Masculino
Inscrito dia : 06/06/2014
Mensagens : 23
Pontos Ativos : 28

Ver perfil do usuário http://b13games.forumeiros.com/

Resolvido Re: Contador Regressivo

Mensagem por Harold C+ em 07/06/14, 08:29 am

Funconou ? Se Sim, OK.

Se Não ... Faça Outro Aqui :


www.counto.com/make-a-countdown-and-generate-embed-code.html

Você Coloca ( DIA-MES-ANO ) E Depois deixa Thorário ( T14:00 , por exemplo ) depois Clica em Create Embed Code e adiciona em um Widget
avatar

Harold C+
Nível 10

Masculino
Inscrito dia : 27/07/2013
Mensagens : 267
Pontos Ativos : 429

Ver perfil do usuário http://www.roxyanimemanga.forum-pro.net

Resolvido Re: Contador Regressivo

Mensagem por waghcwb em 07/06/14, 09:27 am

Olá,

Qual o objetivo do widget? Fazer uma contagem regressiva até alguma data?

Você pode usar esse plugin se quiser...
http://countdownjs.org/

Se não for interessante para o senhor me de mais detalhes que faço uma função para isso...

Abraços...
avatar

waghcwb
Usuário destaque

Masculino
Inscrito dia : 06/09/2012
Mensagens : 734
Pontos Ativos : 1097

Ver perfil do usuário http://punbb.forumeiros.com

Resolvido Re: Contador Regressivo

Mensagem por Artman em 07/06/14, 10:54 am

-wagh- escreveu:Olá,

Qual o objetivo do widget? Fazer uma contagem regressiva até alguma data?

Você pode usar esse plugin se quiser...
http://countdownjs.org/

Se não for interessante para o senhor me de mais detalhes que faço uma função para isso...

Abraços...

Olá, -Wagh-.

É um sistema de contagem regressiva para as conferências de games realizadas na E3 (feira mundial de games) que acontece-se na segunda dia 9 de junho.

Exemplo preciso de widget que tenha 4 contadores.

Um para 09-06-2014 - 13:00H - Conferência da Microsoft
Um para 09-06-2014 - 16:00H - Conferência da EA
Um para 09-06-2014 - 18:30H - Conferência da Ubisoft
Um para 09-06-2014 - 20:30H - Conferência da Sony

Entendeu?
avatar

Artman
Nível 3

Masculino
Inscrito dia : 06/06/2014
Mensagens : 23
Pontos Ativos : 28

Ver perfil do usuário http://b13games.forumeiros.com/

Resolvido Re: Contador Regressivo

Mensagem por Harold C+ em 07/06/14, 11:02 am

Aqui Amigo :


Um para 09-06-2014 - 13:00H - Conferência da Microsoft

Código:
<object codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="360" height="100" id="countdown"><param name="allowScriptAccess" value="sameDomain" /><param name="movie" value="http://countdownpage.createyourcountdown.com/?filename=0000gtcd3165bf58e87f93068ae375900ba58efa_140607160050" /><param name="quality" value="high" /><param name="wmode" value="transparent"><embed src="http://countdownpage.createyourcountdown.com/?filename=0000gtcd3165bf58e87f93068ae375900ba58efa_140607160050"  name="countdown" width="360" height="100" wmode="transparent" allowScriptAccess="sameDomain" allowFullScreen="false"  codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0"/></object>

Um para 09-06-2014 - 16:00H - Conferência da EA

Código:
<object codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="360" height="100" id="countdown"><param name="allowScriptAccess" value="sameDomain" /><param name="movie" value="http://countdownpage.createyourcountdown.com/?filename=0000gtcd3165bf58e87f93068ae375900ba58efa_140607160113" /><param name="quality" value="high" /><param name="wmode" value="transparent"><embed src="http://countdownpage.createyourcountdown.com/?filename=0000gtcd3165bf58e87f93068ae375900ba58efa_140607160113"  name="countdown" width="360" height="100" wmode="transparent" allowScriptAccess="sameDomain" allowFullScreen="false"  codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0"/></object>

Um para 09-06-2014 - 18:30H - Conferência da Ubisoft

Código:
<object codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="360" height="100" id="countdown"><param name="allowScriptAccess" value="sameDomain" /><param name="movie" value="http://countdownpage.createyourcountdown.com/?filename=0000gtcd3165bf58e87f93068ae375900ba58efa_140607160125" /><param name="quality" value="high" /><param name="wmode" value="transparent"><embed src="http://countdownpage.createyourcountdown.com/?filename=0000gtcd3165bf58e87f93068ae375900ba58efa_140607160125"  name="countdown" width="360" height="100" wmode="transparent" allowScriptAccess="sameDomain" allowFullScreen="false"  codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0"/></object>

Um para 09-06-2014 - 20:30H - Conferência da Sony

Código:
<object codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="360" height="100" id="countdown"><param name="allowScriptAccess" value="sameDomain" /><param name="movie" value="http://countdownpage.createyourcountdown.com/?filename=0000gtcd3165bf58e87f93068ae375900ba58efa_140607160201" /><param name="quality" value="high" /><param name="wmode" value="transparent"><embed src="http://countdownpage.createyourcountdown.com/?filename=0000gtcd3165bf58e87f93068ae375900ba58efa_140607160201"  name="countdown" width="360" height="100" wmode="transparent" allowScriptAccess="sameDomain" allowFullScreen="false"  codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0"/></object>


 zen 
avatar

Harold C+
Nível 10

Masculino
Inscrito dia : 27/07/2013
Mensagens : 267
Pontos Ativos : 429

Ver perfil do usuário http://www.roxyanimemanga.forum-pro.net

Resolvido Re: Contador Regressivo

Mensagem por Artman em 07/06/14, 11:34 am

Olá, Graphz.

Os contadores não aparecem.

avatar

Artman
Nível 3

Masculino
Inscrito dia : 06/06/2014
Mensagens : 23
Pontos Ativos : 28

Ver perfil do usuário http://b13games.forumeiros.com/

Resolvido Re: Contador Regressivo

Mensagem por Harold C+ em 07/06/14, 12:20 pm

Edite com as informações abaixo :

Código:
<span class="contador"><font size="2"><div align="center"><b>[color=#ff0000]Nome do evento[/color]</font></b>

<font size="1">[color=#006600]Sexta-feira - 29/07/2011[/color]</font>


<center><script language="JavaScript">

TargetDate = "[color=#ff6600]07/29/2011 9:00 PM[/color]";
BackColor = false;
ForeColor = false;
CountActive = true;
CountStepper = -1;
LeadingZero = true;
DisplayFormat = "%%D%% [color=#0000cc]Dias[/color], %%H%% [color=#0033ff]Horas[/color], %%M%% [color=#0000ff]Minutos[/color] e %%S%% [color=#0000ff]Segundos[/color]";
FinishMessage = "[color=#ff0099]Mensagem Fina[/color]l";
</script>
<script language="JavaScript" src="http://scripts.hashemian.com/js/countdown.js">
</script></center></div></span>

Vermelho -> Nome do evento a ser esperado. Qualquer tipo de texto e customização.
Verde -> Data do evento. Nesta parte poderá seguir o formato de data que desejar.
Laranja -> Novamente a data do evento, porém, desta vez, deverá seguir o seguinte formato: MM/DD/AAAA. A hora deverá ser colocada no formato 12 horas, alternando entre as siglas "AM" e "PM", ante meridiem e post meridiem, respectivamente.
Azul -> Aqui poderá escolher novas nominações para Dias, Horas, Minutos e Segundos.
Violeta -> Escolha uma Mensagem Final que aparecerá assim que o contador regressivo esgotar.

Painel de Controle -> Módulos -> Portal & Widgets -> Gestão dos widgets do fórum
Newsletter's (modo HTML)
avatar

Harold C+
Nível 10

Masculino
Inscrito dia : 27/07/2013
Mensagens : 267
Pontos Ativos : 429

Ver perfil do usuário http://www.roxyanimemanga.forum-pro.net

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum