Forum PHP.pl > JavaScript

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

Plasot

16.10.2017, 09:05:08

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 
<html>
<head>
<script type="text/javascript">
var sec=10000;
function time() {
    if(sec==0) {
        location.href="http://www.wp.pl";
    } else {
        sec--;
        document.getElementById('tm').innerHTML=(sec < 10) ? ("0" + sec) : sec;
        setTimeout("time();", 1000);
    }
}
</script>
</head>
<body onload="time()">
    <span id="tm">10</span>
</body>
[HTML] pobierz, plaintext

Link do postu z powyższym przykładem: http://forum.php.pl/index.php?showtopic=36385

Crozin

16.10.2017, 09:18:05

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.

viking

16.10.2017, 09:19:44

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

Plasot

16.10.2017, 09:21:12

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

te dwie linijki są dla mnie ciężkie do pojęcia.

viking

16.10.2017, 09:22:48

Dokładnie ci odpowiedziałem. Wystarczy poczytać. Jedno wywołuje funkcję po czasie 1000ms (1s), drugie to ternary operator czyli if.

Plasot

16.10.2017, 09:25:14

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

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.