Contador regressivo

5 participantes

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

Tópico resolvido Contador regressivo

Mensagem por Gabriel_Gamer 13.12.17 13:24

Detalhes da questão


Endereço do fórum: http://www.brasilmundogamer.com.br/forum
Versão do fórum: phpBB3

Descrição


Código:
 <TITLE>Tempo para o lançamento do servidor....</TITLE>
</HEAD>
<BODY>
  <script language="JavaScript1.2">
  var aa = 2017
  var mm = 12
  var dd = 16
  var hh = 00
  var mi = 00
  
function setcountdown(theyear,themonth,theday,hour,minutes) {
yr=theyear;mo=themonth;da=theday
} setcountdown(aa,mm,dd)
 
 
var occasion="Lançamento"
var message_on_occasion="É hoje"
 
 
var countdownwidth='510px'
var countdownheight='200px'
var countdownbgcolor='#0099ff]'
var opentags='<font face="Verdana" size="5" color="#ffffff">'
var closetags='</font>'
 
 
var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")
var crosscount=''
 
function start_countdown(){
if (document.layers)
document.countdownnsmain.visibility="show"
else if (document.all||document.getElementById)
crosscount=document.getElementById&&!document.all?document.getElementById("countdownie") : countdownie
countdown()
}
 
if (document.all||document.getElementById)
document.write('<span id="countdownie" style="width:'+countdownwidth+'; background-color:'+countdownbgcolor+'"></span>')
 
window.onload=start_countdown
 
 
function countdown(){
var today=new Date()
var todayy=today.getYear()
if (todayy < 1000)
todayy+=1900
var todaym=today.getMonth()
var todayd=today.getDate()
var todayh=today.getHours()
var todaymin=today.getMinutes()
var todaysec=today.getSeconds()
var todaystring=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec
futurestring=montharray[mo-1]+" "+da+", "+yr
dd=Date.parse(futurestring)-Date.parse(todaystring)
dday=Math.floor(dd/(60*60*1000*24)*1)
dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1)
dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1)
dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1)
//if on day of occasion
if(dday<=0&&dhour<=0&&dmin<=0&&dsec<=1&&todayd==da){
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write (opentags+message_on_occasion+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=opentags+message_on_occasion+closetags
return
}
//if passed day of occasion
else if (dday<=-1){
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write(opentags+"Occasion already passed! "+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=opentags+"Já passou"+closetags
return
}
//else, if not yet
else{
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write(opentags+dday+ " days, "+dhour+" hours, "+dmin+" minutes, and "+dsec+" "+occasion+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=opentags+dday+ " dias, "+dhour+" horas, "+dmin+" minutos e "+dsec+" segundos para o <b>"+occasion+closetags
}
setTimeout("countdown()",1000)
}
</script>

Bom ele fica assim https://imgur.com/a/Qgnly

Gostaria que tivesse uns quadradinho dizendo:

Faltam 
Dia:2horas:12Minutos:10Seg:20
Para o lançamento do servidor gostaria que fosse assim '-


Última edição por Gabriel_Gamer em 15.12.17 1:52, editado 1 vez(es)
Gabriel_Gamer

Gabriel_Gamer
***

Membro desde : 11/06/2016
Mensagens : 191
Pontos : 312

http://www.brasilplayforever.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Contador regressivo

Mensagem por ZombieW 13.12.17 16:20

Faça uma tabela dentro do body:

Código:
<table border="2">
<tr><td>Dias</td><td>Horas</td><td>Minutos</td><td>Segundos</td></tr>
<tr><td>dd</td><td>hh</td><td>mm</td><td>ss</td></tr>
</table>


Última edição por ZombieW em 13.12.17 17:36, editado 1 vez(es)
ZombieW

ZombieW
Super Membro

Membro desde : 02/08/2010
Mensagens : 1452
Pontos : 2020

http://www.perfectteam.org

Ir para o topo Ir para baixo

Tópico resolvido Re: Contador regressivo

Mensagem por Gabriel_Gamer 13.12.17 17:07

Não consegui fazer, Esse código não está aparecendo oque eu quero, fica sem nada
Gabriel_Gamer

Gabriel_Gamer
***

Membro desde : 11/06/2016
Mensagens : 191
Pontos : 312

http://www.brasilplayforever.com/forum

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Contador regressivo

Mensagem por Konai 13.12.17 19:51

Konai

Konai
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Contador regressivo

Mensagem por tikky 13.12.17 20:17

Use este js

Código:
<script language="javascript">
var YY = 2017;
var MM = 11;
var DD = 12;
var HH = 21;
var MI = 30;
var SS = 00;

function atualizaContador() {
  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 * 60);
  mm = mm - (hh * 60);
  hh = hh - (dd * 24);

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

  if (dd+hh+mm+ss > 0) {
    document.getElementById('contador').innerHTML = faltam;
    setTimeout(atualizaContador,1000);
  } else {
       window.location.href='http://www.power-pixel.net';
        alert('Formulario expiradooo!!!!');
  }
}
</script>

Variável do tempo
Código:
<b id="contador"></b>

É obrigatório usar
Código:
<body onload="atualizaContador()">
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7806
Pontos : 9049

Ir para o topo Ir para baixo

Tópico resolvido Re: Contador regressivo

Mensagem por Gabriel_Gamer 13.12.17 21:35

Esse Body é colocando onde?
Gabriel_Gamer

Gabriel_Gamer
***

Membro desde : 11/06/2016
Mensagens : 191
Pontos : 312

http://www.brasilplayforever.com/forum

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Contador regressivo

Mensagem por tikky 13.12.17 21:43

No caso, em

Código:
<TITLE>Tempo para o lançamento do servidor... </TITLE>
</HEAD>
<BODY onload="atualizaContador()">
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7806
Pontos : 9049

Ir para o topo Ir para baixo

Tópico resolvido Re: Contador regressivo

Mensagem por Gabriel_Gamer 13.12.17 21:58

Estou fazendo tudo certinho, Não está aparecendo nada '-'
Gabriel_Gamer

Gabriel_Gamer
***

Membro desde : 11/06/2016
Mensagens : 191
Pontos : 312

http://www.brasilplayforever.com/forum

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Contador regressivo

Mensagem por tikky 13.12.17 22:06

A página têm que estar assim:

Código:
<title>Tempo para o lançamento do servidor....</title>
</head>
<body onload="atualizaContador()">
  <script language="javascript">
var YY = 2017;
var MM = 12;
var DD = 13;
var HH = 24;
var MI = 30;
var SS = 00;

function atualizaContador() {
  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 * 60);
  mm = mm - (hh * 60);
  hh = hh - (dd * 24);

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

  if (dd+hh+mm+ss > 0) {
    document.getElementById('contador').innerHTML = faltam;
    setTimeout(atualizaContador,1000);
  } else {
      window.location.href='http://www.power-pixel.net';
        alert('Formulario expiradooo!!!!');
  }
}
</script>

<b id="contador"></b>
</body>

tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7806
Pontos : 9049

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Contador regressivo

Mensagem por Konai 13.12.17 22:18

Se não estiver tendo sucesso com os códigos fornecidos, não custa dar uma olhada em ambos os tópicos que lhe indiquei.
Konai

Konai
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Contador regressivo

Mensagem por Gabriel_Gamer 13.12.17 22:27

Ped, Ficou assim Contador regressivo SSWli

Link:https://imgur.com/a/SSWli

 @garaatsu
Eu fiz mas deu errado
Gabriel_Gamer

Gabriel_Gamer
***

Membro desde : 11/06/2016
Mensagens : 191
Pontos : 312

http://www.brasilplayforever.com/forum

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Contador regressivo

Mensagem por tikky 13.12.17 22:36

Gabriel_Gamer escreveu:Ped, Ficou assim Contador regressivo SSWli

Link:https://imgur.com/a/SSWli

 @garaatsu
Eu fiz mas deu errado

Isso é o tempo que falta, para mudar isso basta mudar o YY = Ano , MM = mês, DD = Dia, HH = Hora, MI = Minutos, SS = Segundos
Código:
var YY = 2017;
var MM = 12;
var DD = 13;
var HH = 24;
var MI = 30;
var SS = 00;
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7806
Pontos : 9049

Ir para o topo Ir para baixo

Tópico resolvido Re: Contador regressivo

Mensagem por Gabriel_Gamer 13.12.17 22:39

Ped, Você não entendeu meu tópico eu gostaria que ele ficasse dentro de uma tabela tipo a que eu fiz la em cima

Colocando


Ip:
Faltam 
Tabela
Para o lançamento do servidor
Gabriel_Gamer

Gabriel_Gamer
***

Membro desde : 11/06/2016
Mensagens : 191
Pontos : 312

http://www.brasilplayforever.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Contador regressivo

Mensagem por Gabriel_Gamer 14.12.17 12:51

Gostaria que ficasse igual esse

https://imgur.com/a/q9ZuZ



Forum que peguei:http://brasilplaycity.com.br/home/



Gabriel_Gamer

Gabriel_Gamer
***

Membro desde : 11/06/2016
Mensagens : 191
Pontos : 312

http://www.brasilplayforever.com/forum

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Contador regressivo

Mensagem por tikky 14.12.17 14:27

Veja este

Código:
<style>
table, td, th {   
    border: 1px solid #ddd;
    text-align: left;
}

table {
    border-collapse: collapse;
    width: 100%;
}

th, td {
    padding: 15px;
}
</style>
<div align="center">
               <table>
<tr>
<td><div id="dia"></div></td>
<td><div id="hora"></div></td>
<td><div id="minuto"></div></td>
<td><div id="segundo"></div></td>
</tr>
               <tr>
<td><p>Dias</p></td>
<td><p>Horas</p></td>
<td><p>Min</p></td>
<td><p>Seg</p></td>
</tr>
               </table>
</div>
               

<script>
var target_date = new Date("december 26, 2017").getTime();
var dias, horas, minutos, segundos;
var regressiva = document.getElementById("regressiva");

setInterval(function () {

    var current_date = new Date().getTime();
    var segundos_f = (target_date - current_date) / 1000;

dias = parseInt(segundos_f / 86400);
    segundos_f = segundos_f % 86400;
   
    horas = parseInt(segundos_f / 3600);
    segundos_f = segundos_f % 3600;
   
    minutos = parseInt(segundos_f / 60);
    segundos = parseInt(segundos_f % 60);

    document.getElementById('dia').innerHTML = dias;
document.getElementById('hora').innerHTML = horas;
document.getElementById('minuto').innerHTML = minutos;
document.getElementById('segundo').innerHTML = segundos;
 

}, 1000);
</script>
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7806
Pontos : 9049

Ir para o topo Ir para baixo

Tópico resolvido Re: Contador regressivo

Mensagem por Gabriel_Gamer 14.12.17 14:37

Amigo, Ficou assim : https://imgur.com/a/BZviA
Teria como possivel deixar igual o do link acima que mandei?
Gabriel_Gamer

Gabriel_Gamer
***

Membro desde : 11/06/2016
Mensagens : 191
Pontos : 312

http://www.brasilplayforever.com/forum

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Contador regressivo

Mensagem por tikky 14.12.17 14:40

No código acima, mude o style apresentado para este:

Código:
/* Table */

   .table-wrapper {
      -webkit-overflow-scrolling: touch;
      overflow-x: auto;
   }

   table {
      margin: 0 0 2em 0;
      width: 100%;
   }

      table tbody tr {
         border-left: 0;
         border-right: 0;
      }

         table tbody tr:nth-child(2n + 1) {
            background-color: rgba(144, 144, 144, 0.075);
         }

      table td {
         padding: 0.75em 0.75em;
      }

      table th {
         color: #555;
         font-size: 0.9em;
         font-weight: 400;
         padding: 0 0.75em 0.75em 0.75em;
         text-align: left;
      }

      table thead {
         border-bottom: solid 1px rgba(144, 144, 144, 0.5);
      }

      table tfoot {
         border-top: solid 1px rgba(144, 144, 144, 0.5);
      }

      table.alt {
         border-collapse: separate;
      }

         table.alt tbody tr td {
            border: solid 1px rgba(144, 144, 144, 0.5);
            border-left-width: 0;
            border-top-width: 0;
         }

            table.alt tbody tr td:first-child {
               border-left-width: 1px;
            }

         table.alt tbody tr:first-child td {
            border-top-width: 1px;
         }

         table.alt thead {
            border-bottom: 0;
         }

         table.alt tfoot {
            border-top: 0;
         }

tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7806
Pontos : 9049

Ir para o topo Ir para baixo

Tópico resolvido Re: Contador regressivo

Mensagem por Gabriel_Gamer 14.12.17 14:42

Seria muito eu pedir para você colocar o codigo completo que devo colocar no html?
Gabriel_Gamer

Gabriel_Gamer
***

Membro desde : 11/06/2016
Mensagens : 191
Pontos : 312

http://www.brasilplayforever.com/forum

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Contador regressivo

Mensagem por tikky 14.12.17 15:34

então:

Código:
<html>
<head>
<title>nome da página</title>
</head>
<body>
<style>
.table-wrapper {
      -webkit-overflow-scrolling: touch;
      overflow-x: auto;
  }

  table {
      margin: 0 0 2em 0;
      width: 100%;
  }

      table tbody tr {
        border-left: 0;
        border-right: 0;
      }

        table tbody tr:nth-child(2n + 1) {
            background-color: rgba(144, 144, 144, 0.075);
        }

      table td {
        padding: 0.75em 0.75em;
      }

      table th {
        color: #555;
        font-size: 0.9em;
        font-weight: 400;
        padding: 0 0.75em 0.75em 0.75em;
        text-align: left;
      }

      table thead {
        border-bottom: solid 1px rgba(144, 144, 144, 0.5);
      }

      table tfoot {
        border-top: solid 1px rgba(144, 144, 144, 0.5);
      }

      table.alt {
        border-collapse: separate;
      }

        table.alt tbody tr td {
            border: solid 1px rgba(144, 144, 144, 0.5);
            border-left-width: 0;
            border-top-width: 0;
        }

            table.alt tbody tr td:first-child {
              border-left-width: 1px;
            }

        table.alt tbody tr:first-child td {
            border-top-width: 1px;
        }

        table.alt thead {
            border-bottom: 0;
        }

        table.alt tfoot {
            border-top: 0;
        }

</style>
<div align="center">
              <table>
<tr>
<td><div id="dia"></div></td>
<td><div id="hora"></div></td>
<td><div id="minuto"></div></td>
<td><div id="segundo"></div></td>
</tr>
              <tr>
<td><p>Dias</p></td>
<td><p>Horas</p></td>
<td><p>Min</p></td>
<td><p>Seg</p></td>
</tr>
              </table>
</div>
             

<script>
var target_date = new Date("december 26, 2017").getTime();
var dias, horas, minutos, segundos;
var regressiva = document.getElementById("regressiva");

setInterval(function () {

    var current_date = new Date().getTime();
    var segundos_f = (target_date - current_date) / 1000;

dias = parseInt(segundos_f / 86400);
    segundos_f = segundos_f % 86400;
   
    horas = parseInt(segundos_f / 3600);
    segundos_f = segundos_f % 3600;
   
    minutos = parseInt(segundos_f / 60);
    segundos = parseInt(segundos_f % 60);

    document.getElementById('dia').innerHTML = dias;
document.getElementById('hora').innerHTML = horas;
document.getElementById('minuto').innerHTML = minutos;
document.getElementById('segundo').innerHTML = segundos;
 

}, 1000);
</script>
</body>
</html>
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7806
Pontos : 9049

Ir para o topo Ir para baixo

Tópico resolvido Re: Contador regressivo

Mensagem por Gabriel_Gamer 14.12.17 16:52

Amigo, So desapareceu a tabela, O Resto continua o mesmo '-
Gabriel_Gamer

Gabriel_Gamer
***

Membro desde : 11/06/2016
Mensagens : 191
Pontos : 312

http://www.brasilplayforever.com/forum

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Contador regressivo

Mensagem por tikky 14.12.17 17:01

Caro amigo,
aqui está a funcionar bem veja ver
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7806
Pontos : 9049

Ir para o topo Ir para baixo

Tópico resolvido Re: Contador regressivo

Mensagem por Gabriel_Gamer 14.12.17 18:24

Gostaria que ficasse igual esse: https://imgur.com/a/q9ZuZ

Abraços '-
Gabriel_Gamer

Gabriel_Gamer
***

Membro desde : 11/06/2016
Mensagens : 191
Pontos : 312

http://www.brasilplayforever.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Contador regressivo

Mensagem por Gabriel_Gamer 15.12.17 1:51

Pode closar já consegui brigado
Gabriel_Gamer

Gabriel_Gamer
***

Membro desde : 11/06/2016
Mensagens : 191
Pontos : 312

http://www.brasilplayforever.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Contador regressivo

Mensagem por Ketholy 15.12.17 15:38

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Ketholy

Ketholy
Super Membro

Membro desde : 20/01/2017
Mensagens : 1309
Pontos : 1577

http://jogosrpg-com-br.forumais.com/forum https://twitter.com/Ketholy Suan

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos