Jump to content

Website [PEDIDO] Contagem Regressiva (GESIOR)


Recommended Posts

Olá posso tenta te ajuda nessa parte!
 

						<!-- 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 -->

Use na parte do site\layouts\tibiarl
layout.php

 

Lembro que só por ali o dia está certinho

Ficaria assim depois de tempo certo está contato!
image.png.d7bdf1fd356e8b4bd3c3c0f3cc6bf4b5.png

 

Eu queria pode altera ele pra " Inaugurado"
Por os dias, que está online no caso meu ot estaria a 1 ano já kkk.

Link to post
Share on other sites

  • 11 months later...

Deu certo aqui vlw, ainda consegui personalizar <3

 

image.png.7c590a6b4b80668f050b4be392ae5a74.png

A vida ela é cheia de oportunidades e minha oportunidade é você

 

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
Reply to this topic...

×   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.

×
×
  • Create New...

Important Information

Confirmação de Termo