Forum PHP.pl > CountDownTimer Odliczanie od czasu serwera

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: CountDownTimer Odliczanie od czasu serwera

Qatadah

17.05.2018, 18:38:32

Cześć. Mam zegar zliczający czas, działa tak jak chciałem, nie wiem tylko dlaczego wciąż uporczywie po zmianie czasu w systemie przelicza mi czas od daty systemowej do daty wydarzenia mimo iż stronę mam na hostingu a nie pod XAMPPem.
Jak to zrobić by bez względu na ustawioną datę w systemie odliczać od daty z serwera. Jak to powinno wyglądać poprawnie?

Plik index.php

[PHP] pobierz, plaintext 
...
</head>
    <?php include('PHP/CountDownTimer.php') ?>	
<body>
...
[PHP] pobierz, plaintext

Plik CountDownTimer.php

[PHP] pobierz, plaintext 
   <?php
	   $date = date('M d, Y H:i:s', strtotime('19-5-2018 15:00:00')); 
	   $date1 = date('M d, Y H:i:s', strtotime('8-3-2019 15:37:25'));
   ?>	
[PHP] pobierz, plaintext

[HTML] pobierz, plaintext 
<script>
 
var count = new Date("<?php echo $date;?>").getTime();
var count1 = new Date("<?php echo $date1;?>").getTime();
 
var timer1 = new Timer('demo', count);
var timer2 = new Timer('demo1', count1);
 
function Timer(id, countDownDate) { 
  this.interval = setInterval(tick, 1000);
 
..........
 
[HTML] pobierz, plaintext

SmokAnalog

17.05.2018, 18:47:33

Chcesz odliczać od aktualnego czasu czy od dwóch stałych dat? Bo teraz w kodzie nigdzie nie masz pobierania aktualnej daty, więc nie za bardzo wiem w czym problem.

Qatadah

17.05.2018, 21:20:30

Te dwie daty działają nie zależnie, chodzi o to że mogę mieć odliczanie w tym przypadku do dwóch wydarzeń jednocześnie.

Ale to wszystko działa. Właśnie więc jak na moim przykładzie pobrać tą datę serwera bo spędza mi już to sen z powiek. Poniżej zamieszczę jeszcze raz kompletne odliczanie.

[HTML] pobierz, plaintext 
 <?php
	   $date = date('M d, Y H:i:s', strtotime('19-5-2018 15:00:00')); 
	   $date1 = date('M d, Y H:i:s', strtotime('8-3-2019 15:37:25'));
   ?>		
 
<script>
 
var count = new Date("<?php echo $date;?>").getTime();
var count1 = new Date("<?php echo $date1;?>").getTime();
 
var timer1 = new Timer('demo', count);
var timer2 = new Timer('demo1', count1);
 
function Timer(id, countDownDate) { 
  this.interval = setInterval(tick, 1000);
 
  function tick() {
    var now = new Date().getTime();
    var distance = countDownDate - now;
    var days = Math.floor(distance / (1000 * 60 * 60 * 24));
    var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
    var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
    var seconds = Math.floor((distance % (1000 * 60)) / 1000);
   	if (days<10) {days = '0' + days;}
	if (hours<10) {hours ='0' + hours;}
	if (minutes<10) {minutes ='0' + minutes;}
	if (seconds<10) {seconds ='0' + seconds;}  
 
	var $elem = document.getElementById(id);
 
    $elem.getElementsByClassName("days")[0].innerHTML = days;
    $elem.getElementsByClassName("hours")[0].innerHTML = hours;
    $elem.getElementsByClassName("minutes")[0].innerHTML = minutes;
    $elem.getElementsByClassName("seconds")[0].innerHTML = seconds;
 
    if (distance < 0) {
      clearInterval(this.interval);
 
	  document.getElementById(id).style.color = "#d1b333";
	   document.getElementById(id).style.fontSize = "30px";
      document.getElementById(id).innerHTML = "L I V E...!!!";
    }
  }
}
[HTML] pobierz, plaintext

trueblue

17.05.2018, 22:00:59

1. We fragmencie PHP dodaj trzecią zmienną na podstawie aktualnej daty.
2. Dodaj zmienną np.: now, analogicznie do zmiennych count i count1.
3. Oblicz różnicę między zmiennymi count i count1 oraz now i przekaż ją jako trzeci parametr przy tworzeniu Timer.
4. Zapisz odebraną różnicę. (za this.interval, np.: this.distance = ...). Obliczenia wykonuj na podstawie this.distance.
5. Wyrzuć linie 18 i 19.
6. Na końcu funkcji tick wstaw: this.distance -= 1000;

Qatadah

19.05.2018, 15:06:23

Możesz mi pomóc w punkcie tylko pierwszym ewentualnie dalej ale to już zależy od Pana, ja myślałem że w date pobieram date tak jest w każdym kursie, może ja czegoś nie zrozumiałem i sam się w tym mieszam

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.