[JavaScript]Nieskończona pętla Opcje

[tomi1985]

Hej,

próbuję zrobić nieskończona pętle ale coś nie wychodzi ;/

[PHP] pobierz, plaintext 
$(document).ready(function(){
 
	function moveObject(){
 
		$(".obiekt").animate({top: '30px'}, "slow", "", t);
	}
 
	function t(){
		moveObject()
	}
 
	function start(){
		setTimeout(moveObject, 1000);
	}
 
	start()
});  
[PHP] pobierz, plaintext 

Ten post edytował tomi1985 22.03.2015, 10:19:43

[slash^]

setTimeout wykonuje funkcje tylko raz, to czego szukasz to setInterval

[tomi1985]

[PHP] pobierz, plaintext 
$(document).ready(function(){
 
	function moveObject(){
		$(".obiekt").animate({top: '30px'}, "slow");
	}
 
	function start(){
		setInterval(moveObject, 1000);
	}
	start()
});  
[PHP] pobierz, plaintext 

lipa nadal tylko 1 x

[slash^]

Bo ustawiasz na sztywno pozycje 30px i jej nie zmieniasz

Zobacz: http://jsfiddle.net/5wewty1e/

[tomi1985]

thx


hmmm a jak sie sprawdzało pozycję elementu



ok mam

position hehehe ale wstyd

[PHP] pobierz, plaintext 
$(document).ready(function(){
	var pos = 10
 
	function moveObject(){		
		$(".obiekt").animate({top:pos}, "slow");
		pos = pos + 10
	}
 
	function start(){
		setInterval(moveObject, 1000);
	}
	start()
}); 
[PHP] pobierz, plaintext 

[HTML] pobierz, plaintext 
<style>
	#last {
		padding:10px;
		border:1px solid black;
		height:300px;
		overflow: hidden;
	}
 
	.obiekt {
		width:50px;
		height:50px;
		background:orange;
		position:relative;
		margin-bottom:10px;
 
	}
</style>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
<div id="last">
	<div class="obiekt"></div>
	<div class="obiekt"></div>
	<div class="obiekt"></div>
	<div class="obiekt"></div>
	<div class="obiekt"></div>
<div>
[HTML] pobierz, plaintext 

a jak zrobić, że jak div class='obiekt" przejdzie przez obrys div id="last" aby został na nowo pokazany na górze....

Chodzi mi o pasek pionowy z obiektami który porusza się pionowo cały czas

Obecnie działa mi tylko jeden raz...

[slash^]

To już nie jest takie proste, poszukaj jakiegoś skryptu typu carousel może.

[tomi1985]

mam taki skrypt ale chciałem to sam zrobic

[com]

warunek i modulo długość div i ustawienie poz na nowo

Nic trudnego

[tomi1985]

a czy mogłbyś jakis przyklad pokazać ?

[com]

[JAVASCRIPT] pobierz, plaintext 
if(pos%100 == 0)
 pos = 10;
[JAVASCRIPT] pobierz, plaintext 

sory mój bład

Ten post edytował com 22.03.2015, 20:21:34

[tomi1985]

nie rozumiem tego przykładu... mógłbyś to jakos objaśnić?

[com]

http://www.wikiwand.com/pl/Modulo
Edytowałem bo zapomniałem o == 0

[tomi1985]

ok, ale i tak to nie bedzie działać tak jak chce...

ponieważ np.

mam 10 obiektów które chce wyświetlać w postaci pionowego paska który się przesuwa np. co 3 sek i zarazem jednocześnie były widoczne tylko 3 obiekty.

[trueblue]

Zdubluj w div#last tą samą grupę elementów.
Kiedy osiągniesz przesunięcie równe długości jednej grupy, czyli ostatni element pierwszej grupy się schowa, a pierwszy drugiej grupy będzie przy krawędzi, przestaw całość do pozycji początkowej (pierwszej element pierwszej grupy przy krawędzi). Osiągniesz efekt zapętlenia.

[tomi1985]

chodzi mi o efekt jak tutaj:

http://www.e-noclegi.eu/

"Ostatnio dodane obiekty

[trueblue]

No, to ponawiam swoje rozwiązanie.

EDIT: W Twoim przypadku wystarczy zduplikować pierwsze 3 elementy.

Ten post edytował trueblue 22.03.2015, 20:58:53