Forum PHP.pl > jak pomnożyć ilosc wyswietlanej funkcji JavaScript

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: jak pomnożyć ilosc wyswietlanej funkcji JavaScript

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

Mastersieciweb

12.11.2013, 21:43:37

witam, jak pomnożyć ilosc wyswietlanej funkcji żeby była wyświetlana np. 10 razy

Kod

<html>
  <head>

  <title>matrix</title>
  </head>
  <body>

  <script type="text/javascript">
  var obrazki = new Array();

obrazki[1] = "c0.gif";
obrazki[2] = "c1.gif";
obrazki[3] = "c2.gif";
obrazki[4] = "c3.gif";
obrazki[5] = "c4.gif";
obrazki[6] = "c5.gif";
obrazki[7] = "c6.gif";
obrazki[8] = "c7.gif";
obrazki[9] = "c8.gif";
obrazki[10] = "c9.gif";

var sekund = 1;
var a = 1;

function zmien(){
var ile = obrazki.length;
  document.getElementById("obrazek").src = obrazki[a];
  a++;
if(ile==a) {
    a=1; }

}
  setInterval("zmien()", sekund*80);


    </script>
    <img src="c0.gif" id="obrazek" />

  </body>
</html>

kamil4u

12.11.2013, 22:03:12

Nie za bardzo rozumiem o co chodzi. Strzelam: clearInterval

Mastersieciweb

12.11.2013, 22:31:40

chodzi o to że teraz wyświetla mi funkcja po kolei moje obrazki w prędkości jaką zadałem, a chciałbym żebym mógł zrobić kopie tej funkcji np razy 10 żeby zamiast jednego obrazka który zmienia się od 0-9 było 10 obrazków które robią to samo, czyli po prostu moje pytanie jak powielić tą funkcje żeby wyświetlana była np 10 razy obok siebie..

kamil4u

12.11.2013, 22:41:43

Kod

<html>
  <head>

  <title>matrix</title>
  </head>
  <body>

  <script type="text/javascript">
  var obrazki = new Array();

obrazki[0] = "c0.gif";
obrazki[1] = "c1.gif";
obrazki[2] = "c2.gif";
obrazki[3] = "c3.gif";
obrazki[4] = "c4.gif";
obrazki[5] = "c5.gif";
obrazki[6] = "c6.gif";
obrazki[7] = "c7.gif";
obrazki[8] = "c8.gif";
obrazki[9] = "c9.gif";

var sekund = 1;
var a = 1;

function zmien(){
var ile = obrazki.length;
  document.getElementById("obrazek1").src = obrazki[(a+0)%obrazki.length];
  document.getElementById("obrazek2").src = obrazki[(a+1)%obrazki.length];
  document.getElementById("obrazek3").src = obrazki[(a+2)%obrazki.length];

  a = (a+1)%obrazki.length;

}
  setInterval("zmien()", sekund*80);


    </script>
    <img src="c0.gif" id="obrazek1" />
    <img src="c0.gif" id="obrazek2" />
    <img src="c0.gif" id="obrazek3" />
  </body>
</html>

Mastersieciweb

16.11.2013, 22:49:44

ogolnie wszystko ładnie pięknie tylko chciałbym żebym mógł wpisać np 100 tych obrazków bez tworzenia po kolei ich, żeby one się klonowały jakoś.. da się?

kamil4u

16.11.2013, 23:30:17

Poczytaj o pętli for

A tworzenie elementów za pomocą: http://www.doman.art.pl/kursjs/kurs/hierar...i_usuwanie.html

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.