Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> JavaScript - Timer
Plasot
post
Post #1





Grupa: Zarejestrowani
Postów: 9
Pomógł: 0
Dołączył: 27.05.2015

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

Witam. Od jakiegoś czasu próbuje nauczyć się javaScriptu. Pobieranie danych przy pomocy id i operowanie na nich w podstawowy sposób np. działania matematyczne na nich, wyświetlanie ich. Stwierdziłem, żeby pójść o krok dalej i zająć się według mnie najważniejsza cechą javy - wyświetlaniem w czasie rzeczywistym na stronie bez potrzeby jej odświeżania. Stwierdziłem, że znajdę jakiś timer i postaram się go zrozumieć. Natrafiłem na jeden tutaj na tym forum. No i problem tkwi w tym, że nie zrozumiałem prawie nic. Szukałem wyjaśnień na internecie poszczególnych części, ale na nie wiele się to zdało. Jakby ktoś był w stanie łopatologicznie mi to opisać, bądź podać stronę, która jest w stanie wyjaśnić prostym językiem bądź zrozumiale podany przykład a nawet ten język byłbym wdzięczny. Poniżej podaje ten przykład:
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. var sec=10000;
  5. function time() {
  6.     if(sec==0) {
  7.         location.href="http://www.wp.pl";
  8.     } else {
  9.         sec--;
  10.         document.getElementById('tm').innerHTML=(sec < 10) ? ("0" + sec) : sec;
  11.         setTimeout("time();", 1000);
  12.     }
  13. }
  14. </script>
  15. </head>
  16. <body onload="time()">
  17.     <span id="tm">10</span>
  18. </body>
[HTML] pobierz, plaintext

Link do postu z powyższym przykładem: http://forum.php.pl/index.php?showtopic=36385
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 5)
Crozin
post
Post #2





Grupa: Zarejestrowani
Postów: 6 476
Pomógł: 1306
Dołączył: 6.08.2006
Skąd: Kraków

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

1. JavaScriptu nie Javy.
2. Od razu polecam zaznajomić się z biblioteką RxJS - jest idealna do tego typu zadań.
3. Powyższy kod jest raczej słabej jakości, nie jest to najlepszy przykład do wzorowania się.
4. Jestem całkiem pewien, że część z tego kodu rozumiesz. Napisz dokładnie co jest niejasne.
Go to the top of the page
+Quote Post
viking
post
Post #3





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

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

Nie Java a JavaScript. Której części nie zrozumiałeś?
https://developer.mozilla.org/pl/docs/Web/A...ndow/setTimeout
https://developer.mozilla.org/en-US/docs/We...tional_Operator
Go to the top of the page
+Quote Post
Plasot
post
Post #4





Grupa: Zarejestrowani
Postów: 9
Pomógł: 0
Dołączył: 27.05.2015

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

[HTML] pobierz, plaintext 
  1. document.getElementById('tm').innerHTML=(sec < 10) ? ("0" + sec) : sec;
  2.         setTimeout("time();", 1000);
[HTML] pobierz, plaintext


te dwie linijki są dla mnie ciężkie do pojęcia.
Go to the top of the page
+Quote Post
viking
post
Post #5





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

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

Dokładnie ci odpowiedziałem. Wystarczy poczytać. Jedno wywołuje funkcję po czasie 1000ms (1s), drugie to ternary operator czyli if.
Go to the top of the page
+Quote Post
Plasot
post
Post #6





Grupa: Zarejestrowani
Postów: 9
Pomógł: 0
Dołączył: 27.05.2015

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

Cytat(viking @ 16.10.2017, 10:22:48 ) *
Dokładnie ci odpowiedziałem. Wystarczy poczytać. Jedno wywołuje funkcję po czasie 1000ms (1s), drugie to ternary operator czyli if.


Dzięki za pomoc wszystko zrozumiałem (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
« Następny starszy · JavaScript · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 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: 22.08.2025 - 12:49
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn