Automatyczne generowane liczby

Automatyczne generowane liczby, (animacja)

soliniak Zobacz profil	15.04.2015, 09:52:55 Post #1
Grupa: Zarejestrowani Postów: 66 Pomógł: 0 Dołączył: 8.08.2009 Ostrzeżenie: (0%)	Witam, Mam taki kod, chciałbym żeby liczba w div'ie losowo się wybierała paręnaście razy, dość szybko, aby stworzyć iluzję losowania liczby (coś jak migające owocki w jednorękim bandycie). Niestety JavaScript to dla mnie czarna magia . Wymyśliłem że muszę wywołać funkcję losuj() automatyczne, a nie po kliknięciu. Jakieś sugestie? [PHP] pobierz, plaintext <button onclick="losuj()">Try it</button> <p id="demo"></p> <script> function losuj() { for(i=1; i<5; i++){ var x = document.getElementById("demo") } x.innerHTML = Math.floor((Math.random() * 10) + 1); } </script> [PHP] pobierz, plaintext

Odpowiedzi (1 - 7)

Turson Zobacz profil	15.04.2015, 10:39:26 Post #2
Grupa: Zarejestrowani Postów: 4 291 Pomógł: 829 Dołączył: 14.02.2009 Skąd: łódź Ostrzeżenie: (0%)	setInterval()

soliniak Zobacz profil	15.04.2015, 10:58:49 Post #3
Grupa: Zarejestrowani Postów: 66 Pomógł: 0 Dołączył: 8.08.2009 Ostrzeżenie: (0%)	Ślicznie dziękuję EDIT: A jeszcze mam pytanko. Jak zrobić żeby dla kilku akapitów "p" ta funkcja działa? [PHP] pobierz, plaintext <p id="demo"> 1 </p><p id="demo2"> 2 </p><p id="demo"> 3 </p> <script> var x = document.getElementById("demo"); var ps = "20"; var z = setInterval(function losuj() { x.innerHTML = Math.floor((Math.random() * 99) + 1); }, 20); setTimeout("stop()",2000); function stop(){ clearInterval(z); } </script> [PHP] pobierz, plaintext Tutaj działa tylko dla pierwszego, a chciałbym żeby jakoś prosto odnieść się do wszystkich elementów <p class="demo"></p> i żeby w każdym z osobna "losowała się" liczba. Druga rzecz to tam gdzie jest drugi argument setInterval - 20 - jak można dodać tutaj zmienną? Chciałbym zrobić pętlę for i zmieniać jej wartość o 1 aż dojdzie do zera, przez co byłby efekt zwalniania tej cyfry(?)... Halp! Ten post edytował soliniak 15.04.2015, 13:13:55

kafowi Zobacz profil	15.04.2015, 13:24:50 Post #4
Grupa: Zarejestrowani Postów: 75 Pomógł: 20 Dołączył: 13.02.2015 Ostrzeżenie: (0%)	Kod <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JS Bin</title> </head> <body> <p class="demo"></p> <p class="demo"></p> <p class="demo"></p> </body> </html> Kod var demo = document.getElementsByClassName("demo").length; for(i=0;i<demo;i++) { document.getElementsByClassName("demo")[i].innerHTML = Math.floor((Math.random() * 99) + 1); } Ten post edytował kafowi 15.04.2015, 13:52:17

soliniak Zobacz profil	15.04.2015, 14:36:19 Post #5
Grupa: Zarejestrowani Postów: 66 Pomógł: 0 Dołączył: 8.08.2009 Ostrzeżenie: (0%)	Co jest z tym nie tak, że nie działa? [PHP] pobierz, plaintext <p class="demo"> </p> <p class="demo"> </p> <p class="demo"> </p> <script> for(i=0;i<3;i++) { var z = setInterval(function () { document.getElementsByClassName("demo")[i].innerHTML = Math.floor((Math.random() * 99) + 1); }, 20); } setTimeout("stop()",2000); </script> [PHP] pobierz, plaintext EDIT: Doszedłem do czegoś takiego: [PHP] pobierz, plaintext <p class="demo"></p> <p class="demo"></p> <p class="demo"></p> <script> var demo = document.getElementsByClassName("demo").length; for(i=0;i<demo;i++) { var u = document.getElementsByClassName("demo")[i]; function losuj2() { u.innerHTML = Math.floor((Math.random() * 99) + 1); } } var z = setInterval(function (){ losuj2();}, 20); setTimeout("stop()",2000); function stop(){ clearInterval(z); } </script> [PHP] pobierz, plaintext Ale działa tylko na ostatnim akapicie, pierwsze dwa nie mają żadnej wartości :/ Ten post edytował soliniak 15.04.2015, 15:33:12

Turson Zobacz profil	16.04.2015, 07:06:08 Post #6
Grupa: Zarejestrowani Postów: 4 291 Pomógł: 829 Dołączył: 14.02.2009 Skąd: łódź Ostrzeżenie: (0%)	http://jsfiddle.net/7a0qez05/

soliniak Zobacz profil	16.04.2015, 11:10:49 Post #7
Grupa: Zarejestrowani Postów: 66 Pomógł: 0 Dołączył: 8.08.2009 Ostrzeżenie: (0%)	Po sporej dłubaninie wydłubałem... [PHP] pobierz, plaintext <p class="demo"></p> <p class="demo"></p> <p class="demo"></p> <script> var interwal = setInterval(function() { for (var i = 0; i < document.getElementsByClassName("demo").length; i++) { document.getElementsByClassName("demo")[i].innerHTML = Math.floor((Math.random() * 99) + 1); } }, 20); setTimeout(function stop(){clearInterval(interwal);}, 2000); </script> [PHP] pobierz, plaintext Jak mogę teraz wyciągnąć, cyfry które zostały wylosowane, do zmiennych? Najlepiej od razu do PHP.

Grzegorz02 Zobacz profil	23.04.2015, 20:53:52 Post #8
Grupa: Zarejestrowani Postów: 36 Pomógł: 0 Dołączył: 20.09.2014 Ostrzeżenie: (0%)	Myślę że lepiej byłoby losować liczby po stronie serwera, następnie ajaxem pobierać wyniki w zależności od potrzeby. Szkoda obciążać przeglądarkę.

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

Aktualny czas: 14.08.2025 - 05:08

Hosting zapewnia