Jump to content
  • 0
Nosifero

geisor Contador de Tempo Online

Question

Olá pessoal postando aqui meu contador, para inauguração do servidor!
 

                	<div id="Themeboxes">
						<!-- Countdown INICIO -->
							<div id="CountDownBox" class="Themebox" style="background-image: url('layouts/tibiarl/images/themeboxes/countdown/countdown_box.png');">
							<span class="countdowntext">Inauguração!</span>
							<div style="background:url(./layouts/tibiarl/images/themeboxes/countdown/Cuckoo_Clock.gif);width: 43px;height: 32px;position: absolute;margin-left: -2px;margin-top: 2px;"></div>
								<div class="Bottom" style="background-image: url('layouts/tibiarl/images/general/box-bottom.gif');"></div>
								<div id="countdown">
									<div style="margin-top: 39px;margin-left: 8px;">
										<b><span class="days" style="margin-left: 5px;"></span></b>
									</div>
									<div>
										<div class="Separator" style="background-image: url(./layouts/tibiarl/images/themeboxes/countdown/separator.png);"></div>
										<b><span class="hours"></span></b>
									</div>
									<div>
										<div class="Separator" style="background-image: url(./layouts/tibiarl/images/themeboxes/countdown/separator.png);left: 0px;"></div>
										<b><span class="minutes"></span></b>
									</div>
									<div>
										<div class="Separator" style="background-image: url(./layouts/tibiarl/images/themeboxes/countdown/separator.png);margin-left: -7px;"></div>
										<b><span class="seconds"></span></b>
									</div>
								</div>
								<script>
									jQuery(function($) {
										function getTimeRemaining(endtime) {
												var t = Date.parse(endtime) - Date.parse(new Date());
												var seconds = Math.floor((t / 1000) % 60);
												var minutes = Math.floor((t / 1000 / 60) % 60);
												var hours = Math.floor((t / (1000 * 60 * 60)) % 24);
												var days = Math.floor(t / (1000 * 60 * 60 * 24));
											return {
											'total': t,
											'days': days,
											'hours': hours,
											'minutes': minutes,
											'seconds': seconds
											};
										}

										function initializeClock(id, endtime, message) {
											var clock = document.getElementById(id);
											var daysSpan = clock.querySelector('.days');
											var hoursSpan = clock.querySelector('.hours');
											var minutesSpan = clock.querySelector('.minutes');
											var secondsSpan = clock.querySelector('.seconds');

											function updateClock() {
												var t = getTimeRemaining(endtime);

												daysSpan.innerHTML = t.days;
												hoursSpan.innerHTML = ('0' + t.hours).slice(-2);
												minutesSpan.innerHTML = ('0' + t.minutes).slice(-2);
												secondsSpan.innerHTML = ('0' + t.seconds).slice(-2);

												if(t.total<=0){
													clearInterval(timeinterval);
													document.getElementById(id).innerHTML = message;
												}
											}

											updateClock();
											var timeinterval = setInterval(updateClock, 1000);
										}

										var deadline = 'March 20 2019 15:00:00';
										initializeClock('countdown', deadline, '<div style="margin-top: 30px;margin-left: 45px;"><small><small><b>Servidor Iniciado!</b></small></small></div>')
									});
								</script>
							</div>
							<!-- Countdown FIM -->

 

Ficando assim no site.

image.png.18cdb76139ac65533b4627f5856239ab.png

 

 

Teria como modifica pra ele, fica registrando os dias que servidor está online?!
Inaugurei meu servidor dia 06/01/2019.
Isso seria importante pra mim, que mostra-se quantos dias está online...

Share this post


Link to post
Share on other sites

1 answer to this question

Recommended Posts

  • 0

Opa, daora mano, ficou top!
Mas cadê os arquivos de imagens que serão necessários ? Só o script não adianta pra fucnionar =/
onde ta esses arquivos? ex:

/layouts/tibiarl/images/themeboxes/countdown/Cuckoo_Clock.gif

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Recently Browsing   0 members

    No registered users viewing this page.

  • Similar Content

    • By apolimatheus
      Galera, tenho um OT e gostaria de adicionar um Banner de Double Points no ínicio do site, quando a pessoa entra nele...
      site: baiakrealeza.servegame.com
      O banner poderia ser igual a esse, a única diferença seria: tirar o nome ICEWAR e adicionar REALEZA.
      Abraço, dou + REP!!!

      Please login or register to see this attachment.
    • By apolimatheus
      Inaugurado 20/05/2020.


      Bem vindos ao Baiak Realeza!!!

      - Versão: [8.60]
      - IP: baiakrealeza.servegame.com Port: 7171
      - Cliente Próprio
      - Página no Facebook


      Contamos com o mapa Baiak. Confira os nossos destaques:
      -Evento Snowball War;
      -Evento Defend the Towers;
      -Evento Capture the Flag;
      -Evento Desert War;
      -Evento Battlefield;
      -Evento Firestorm;
      -Evento Zombie;
      -Evento Castle 48 Horas;
      -Evento SuperUP;
      -Safe zone system;
      -Mapa baiak editado e reformulado;

      E muito mais!


      Comando !fly templo para teleportar para algumas áreas.


      Exp Rate: 350x - tabela regressiva. Veja no nosso site!
      Skill rate: 25x
      Magic rate: 7x
      Loot Rate: 5x

      Venha se divertir!

      Please login or register to see this attachment.

      Please login or register to see this attachment.

      Please login or register to see this attachment.

      Please login or register to see this attachment.

      Please login or register to see this attachment.

      Please login or register to see this attachment.

      Please login or register to see this attachment.

      Please login or register to see this attachment.

      Please login or register to see this attachment.
    • By VictorGAG
      Importei esse banco de dados mas no site quando vou criar o personagem dá esse erro !

      Please login or register to see this attachment.
      e o banco de dados ta assim

      Please login or register to see this attachment.
       
      criei um "Pokemon Trainer Sample" e deu isso:

      Please login or register to see this attachment.
    • By Thunderzz
      Preciso de alguem pra me ajudar a editar o site do meu servidor que estou tendo dificuldades fazendo por me mesmo, a ajuda sera remunerada!
    • By Thunderzz
      Eu estou editando um site para o meu poketibia, ai quando eu logo em uma conta e clico no botao +Vip Shop na barra a direita ele leva para a aba principal (
      Please login or register to see this link.
      ) como eu adiciono a aba shop para comecar a edita-la?
×
×
  • Create New...