Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> JavaScript - Timer
Plasot
post 16.10.2017, 09:05:08
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:
  1. <script type="text/javascript">
  2. var sec=10000;
  3. function time() {
  4. if(sec==0) {
  5. location.href="http://www.wp.pl";
  6. } else {
  7. sec--;
  8. document.getElementById('tm').innerHTML=(sec < 10) ? ("0" + sec) : sec;
  9. setTimeout("time();", 1000);
  10. }
  11. }
  12. </head>
  13. <body onload="time()">
  14. <span id="tm">10</span>
  15. </body>

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
Crozin
post 16.10.2017, 09:18:05
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 16.10.2017, 09:19:44
Post #3





Grupa: Zarejestrowani
Postów: 5 260
Pomógł: 885
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 16.10.2017, 09:21:12
Post #4





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

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


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


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





Grupa: Zarejestrowani
Postów: 5 260
Pomógł: 885
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 16.10.2017, 09:25:14
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 smile.gif
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 22.07.2019 - 22:19