Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Problemy z odliczaniem do wydarzenia, Jak zrobić multi odliczanie i jak pobrać czas z serwera a nie lokalnie
Qatadah
post
Post #1





Grupa: Zarejestrowani
Postów: 21
Pomógł: 0
Dołączył: 1.11.2017

Ostrzeżenie: (0%)
-----

Cześć Jestem nowicjuszem i potrzebuję pomocy z kodem ale i radę. Chodzi o odliczanie do wydarzenia.

Jak obliczać czas od daty serwera a nie lokalnej? ale tu proszę też o pomoc w zrozumieniu, czy to ma sens? bo kto zmienia datę systemową?, poza tym dojdą kolejne linijki kodu gdy mamy różnice w czasie co na razie jest już czarną magią dla mnie

Jak dodać kilka wydarzeń (różnych odliczań) na jednej stronie z jednego kodu

Mój kod na teraz wygląda tak
JavaScript
[HTML] pobierz, plaintext 
  1. var countDownDateTime = new Date("2017-11-12 12:00:00").getTime();
  2.  
  3. var myInterval = setInterval(function () { "use strict";
  4.  
  5.     var currentDateTime = new Date().getTime();
  6.  
  7.     var diff = countDownDateTime - currentDateTime;
  8.  
  9.     var days = Math.floor(diff / (1000 * 60 * 60 * 24));	
  10.     var hours = Math.floor((diff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
  11.     var minutes = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60));
  12.     var seconds = Math.floor((diff % (1000 * 60)) / 1000);
  13. 	if (days<10) {days = '0' + days;}
  14. 	if (hours<10) {hours ='0' + hours;}
  15. 	if (minutes<10) {minutes ='0' + minutes;}
  16. 	if (seconds<10) {seconds ='0' + seconds;}
  17.  
  18.     document.getElementById("days").innerHTML = days;
  19.     document.getElementById("hours").innerHTML = hours;
  20.     document.getElementById("minutes").innerHTML = minutes;
  21.     document.getElementById("seconds").innerHTML = seconds;
  22.  
  23.     if (diff < 0) {
  24.         clearInterval(myInterval); 	
  25. 		var elem = document.getElementById("clear");
  26.         elem.parentNode.removeChild(elem);	
  27. 	}
  28. }, 1000); 
[HTML] pobierz, plaintext


Kod Html
[HTML] pobierz, plaintext 
  1.  <ul id="clear">
  2. 	    <li><span id="days"></span>Dni</li>
  3.             <li><span id="hours"></span>Godzin</li>
  4.             <li><span id="minutes"></span>Minut</li>
  5.             <li><span id="seconds"></span>Sekund</li>
  6.     </ul>
[HTML] pobierz, plaintext

Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 5)
viking
post
Post #2





Grupa: Zarejestrowani
Postów: 6 380
Pomógł: 1116
Dołączył: 30.08.2006

Ostrzeżenie: (0%)
-----

https://prophp.pl/advice/show/4/w_jaki_spos...dzy_php_i_js%3F
https://prophp.pl/article/28/propagacja_i_d...en_w_javascript

Ma to sens bo weź pod uwagę różne strefy czasowe użytkowników.


--------------------
Odpowiedzi na często zadawane pytania:
Konfiguracja serwera Apache + PHP 7 pod Windows | Kodowanie znaków na stronach www | PHPTAL w Zend Framework | Programowanie obiektowe w PHP | PDO uniwersalnym sposobem na obsługę baz danych | Kurs PHP (część 1): Podstawowy opis języka
Go to the top of the page
+Quote Post
Qatadah
post
Post #3





Grupa: Zarejestrowani
Postów: 21
Pomógł: 0
Dołączył: 1.11.2017

Ostrzeżenie: (0%)
-----

Dobrze wszystko jest zrozumiałe ale przeglądam kody w necie "countdown timer php" Jak pobrać w tym moim kodzie czas z serwera wszędzie gdzie nie wejdę jest tylko javascript albo jquery nie ma jak użyć czasu z serwera. Jak próbowałem to ogarnąć tak: ale jak tu funkcję dołożyć by czas się na stronie na bieżąco się odświeżał odświeżał

[HTML] pobierz, plaintext 
  1. <?php
  2.  
  3. $date = strtotime("2019-12-05 12:00:00");
  4. $remaining = $date - time();
  5.  
  6. $days = floor ($remaining / 86400);
  7. $hours = floor (($remaining % 86400) / 3600);
  8. $min = floor (($remaining % 3600) / 60);
  9. $sec = floor ($remaining % 60);
  10. ?>
  11.  
  12. <body>
  13. <div id="container">
  14.   <div class="m"> <span><?php echo $days; ?></span>Dni</div>
  15.   <div class="m"> <span><?php echo $hours; ?></span>Godzin</div>
  16.   <div class="m"> <span><?php echo $min; ?></span>Minut</div>
  17.   <div class="m"> <span><?php echo $sec; ?></span>Sekund</div>  
  18. </div>
  19.  
  20. </body>
[HTML] pobierz, plaintext


Ten post edytował Qatadah 5.11.2017, 15:56:22
Go to the top of the page
+Quote Post
viking
post
Post #4





Grupa: Zarejestrowani
Postów: 6 380
Pomógł: 1116
Dołączył: 30.08.2006

Ostrzeżenie: (0%)
-----

Musiałbyś stronę co sekundę przeładować co oczywiście nie ma sensu. Dynamiczne odświeżanie robi się w js. Wystarczy pobrać czas raz po załadowaniu i na nim operować.


--------------------
Odpowiedzi na często zadawane pytania:
Konfiguracja serwera Apache + PHP 7 pod Windows | Kodowanie znaków na stronach www | PHPTAL w Zend Framework | Programowanie obiektowe w PHP | PDO uniwersalnym sposobem na obsługę baz danych | Kurs PHP (część 1): Podstawowy opis języka
Go to the top of the page
+Quote Post
Qatadah
post
Post #5





Grupa: Zarejestrowani
Postów: 21
Pomógł: 0
Dołączył: 1.11.2017

Ostrzeżenie: (0%)
-----

Cześć mógłbym prosić o poprawę tego kodu, nie mam pojęcia dlaczego to nie działa, w zamyślę ma to być multi odliczanie czyli w HTMLU dopiero podaję datę i godzinę. Najlepsze jest to że kod działa jsfiddle.net na tej samej bibliotece jQuery co u mnie najnowszej 3.2.1. Co jest u mnie nie tak? Linki do plików mam poprawne no po prostu nie wiem sad.gif
HTML

[HTML] pobierz, plaintext 
  1. <script src="jquery-3.2.1.min.js"></script>
  2. <script type="text/javascript" src="js/Timer.js"></script>	
  3. </head>
  4.  
  5. <body>
  6. <div data-countdown="2019/01/01">
  7.  
  8.   <div class="days"><span>dni</span></div>
  9.  
  10.   <div class="hours"><span>godzin</span></div>
  11.  
  12.   <div class="minutes"><span>minut</span></div>
  13.  
  14.   <div class="seconds"><span>sekund</span></div>
  15.  
  16. </div>
[HTML] pobierz, plaintext


timer.js
[JAVASCRIPT] pobierz, plaintext 
  1. $('[data-countdown]').each(function() { "use strict" ;
  2.   var $this = $(this), finalDate = $(this).data('countdown');
  3.   $this.countdown(finalDate, function(event) { 
  4.         $(".days").text(event.strftime("%-d"));
  5.         $(".hours").text(event.strftime("%H"));
  6.         $(".minutes").text(event.strftime("%M"));
  7.         $(".seconds").text(event.strftime("%S"));
  8.       });
  9. });
[JAVASCRIPT] pobierz, plaintext




Ten post edytował Qatadah 9.11.2017, 09:03:25
Go to the top of the page
+Quote Post
8_pasarzer_NOSTR...
post
Post #6





Grupa: Zarejestrowani
Postów: 109
Pomógł: 0
Dołączył: 5.11.2009

Ostrzeżenie: (0%)
-----

Również podepnę się pod wątek by nie robić nowego. Chciałbym aby skrypt wyświetlał na żywo ile czasu w godz, min, sec jest od zaznaczonej daty. Jeszcze bardziej jakby wybraną datę można było pobrać z bazy danych i od niej liczył ile czasu mineło. Bez podawania dni. Same godziny, min, sec. ktoś pomoże ?

$data = "2019-03-25 15:00:00";


[HTML] pobierz, plaintext 
  1. <script>
  2. var countDownDate = new Date("2019-03-25 15:00:00").getTime();
  3.  
  4. var x = setInterval(function() {
  5.  
  6.   var now = new Date().getTime();
  7.  
  8.   var distance = countDownDate - now;
  9.  
  10.   var days = Math.floor(distance / (1000 * 60 * 60 * 24));
  11.   var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
  12.   var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
  13.   var seconds = Math.floor((distance % (1000 * 60)) / 1000);
  14.  
  15.   document.getElementById("demo").innerHTML = days + "d " + hours + "h "
  16.   + minutes + "m " + seconds + "s ";
  17.  
  18. }, 1000);
  19. </script>
  20.  
  21. <p id="demo"></p>
  22.  
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
« Następny starszy · JavaScript · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 20.08.2025 - 10:03
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn