[JavaScript]Nie działa skrypt JS

[JavaScript]Nie działa skrypt JS

michuwsh Zobacz profil	21.06.2018, 22:35:27 Post #1
Grupa: Zarejestrowani Postów: 51 Pomógł: 0 Dołączył: 1.03.2016 Ostrzeżenie: (0%)	Hej mam problem potrzebuje pobrać akapity o klasie "demo" do tablicy/obiektu policzyć ile występuje takich akapitów o klasie demo i wyświetlić każdy z osobna z 2 sekundowym timeoutem w pojemniku div o nazwie test. Ma to być coś na zasadzie slidera ale zamiast zdjęć ma zmieniać się tekst. Moj kod wygląda tak : [HTML] pobierz, plaintext <!doctype html> <html lang="pl"> <head> <meta charset="utf-8"> <title>Pierwszy test</title> <meta name="description" content="The HTML5 Herald"> <meta name="author" content="SitePoint"> <link rel="stylesheet" href="css/styles.css?v=1.0"> </head> <body> <p class="demo">To jest pierwszy przykładowy tekst do js</p> <p class="demo">To jest drugi przykładowy tekst do js</p> <p class="demo">To jest trzeci przykładowy tekst do js</p> <div id="test"></div> <script> var x = document.getElementsByClassName("demo"); var liczba = x.length; var i; change(); function change() { for (i=0; i < liczba; i++) { var stan = x[i].innerHTML; document.getElementById('test').innerHTML = stan; } setTimeout(change, 2000); } </script> </body> </html> [HTML] pobierz, plaintext

Odpowiedzi

markuz Zobacz profil	22.06.2018, 12:09:34 Post #2
Grupa: Zarejestrowani Postów: 1 240 Pomógł: 278 Dołączył: 11.03.2008 Ostrzeżenie: (0%)	Teraz co 2 sekundy podmieniasz treść diva o id test 3 razy - więc finalnie będziesz widział tylko treść ostatniego diva za każdym razem. Zmienną i musisz trzymać poza pętlą (tak jak jest obecnie) i zwiększać ją tylko raz (lub zmniejszać do 0) w funkcji change.