Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript]wyświetlanie po kolei danych
Forum PHP.pl > Forum > Przedszkole
wpaski
25.08.2013, 16:54:33
Witam, chcę wyświetlić po kolei dane które znajdują się w obiekcie: o
I moje pytanie jak to zrobić obecnie wyświetla np. o[0].tresc_index o[1].tresc_index
a ja chce żeby wyświetliło: o[0].tresc_index na 2 sekundy a potem o[0].tresc_index na 2 sekundy i tak po wszystkich obiektach, próbowałem z funkcją setInterval ale nie wiem jak to zrobić, tyle mam:
[HTML] pobierz, plaintext 
  1. $(function() {
  2. 	function pobierzArtykuly() {
  3. 			$.get('index/pobierzArtykuly', function(o) {		
  4. 				for (var i = 0; i < o.length; i++)
  5. 				{
  6. 					$('#pobrane').append('<div>' + o[i].tresc_index + '</div>');
  7. 				}
  8. 			}, 'json');
  9. 		};
  10. 	pobierzArtykuly();
  11. });
[HTML] pobierz, plaintext
sunpietro
25.08.2013, 21:03:45
Spróbuj tak:
Kod
(function () {
  var pobierzArtykuly = function () {
    $.get('index/pobierzArtykuly', function(o) {    
      var index = 0;
      var articles = o;

      setInterval(function () {
        if (index < articles.length) {
          $('#pobrane').append('<div>' + articles[index].tresc_index + '</div>');
          index++;
        }
      }, 2000);

    }, 'json');
  };

  pobierzArtykuly();
})();

Pisałem z palca, bez sprawdzania. Lecz generalnie, tak możesz osiągnąć swój wynik.
wpaski
25.08.2013, 21:44:56
dzięki nakierowałeś mnie na właściwy tor, trochę to zmieniłem, żeby działało od razu a nie po 2 sekundach no i żeby pętla dzialała w kółko, może komuś się przyda:
[HTML] pobierz, plaintext 
  1. $(function() {
  2. 	function pobierzArtykuly() {
  3. 		$.get('index/pobierzArtykuly', function(o) {
  4. 			var index = 0;
  5. 			var articles = o;
  6.  
  7. 			function petla() {
  8. 				if(index < articles.length) {
  9. 					$('#pobrane').html('<div>' + articles[index].tresc_index + '</div>');
  10. 					index++;
  11. 					if(index == articles.length)
  12. 						index = 0;
  13. 				}
  14. 			};
  15. 			petla();
  16. 			setInterval(petla, 2000);
  17.  
  18. 		}, 'json');
  19. 	};
  20. 	pobierzArtykuly();
  21. });
[HTML] pobierz, plaintext
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.