reset ciclico

**toro.86** · 06-02-2013, 11:52

ciao Ragazzi!

ho questa funzione

codice:

// JavaScript Document 
$(document).ready(function(){			 	
$(this).delay(0,function(){	 
$(".box").stop().animate({left:'380px'}, {queue:false, duration:2000, easing: 'easeInOutQuad'});     
}); 
});

funziona tutto benissimo! vorrei peró che dopo un tempo X (5000) si resetti tutto e ricominci da capo

questa funzione sposta il div .box verso sinistra di 380px il tutto in 2 secondi e poi si ferma a questo punto mi servirebbe una funzione che senza animazione sposti il div .box nella sua posizione originale oppure (left:'-=380px').
Il tutto deve avvenire in intervalli di tempo regolari.
grazie in anticipo
suggerimenti o soluzioni?

**KillerWorm** · 06-02-2013, 15:45

Ciao,
puoi risolvere in svariati modi. Ad esempio con un semplice setInterval che chiami la funzione stessa ad intervalli regolari oppure con un setTimeout all'interno della funzione o con altri svariati metodi.

Qui un esempio dove ho usato setTimeout:

codice:

<!DOCTYPE HTML>
<head>
  <style type="text/css">.box{width:100px;height:100px;background:#009;position:relative}</style>
  <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
  <script type="text/javascript" src="http://gsgd.co.uk/sandbox/jquery/easing/jquery.easing.1.3.js"></script>
  <script type="text/javascript">
  $(document).ready(function(){			
    var posizioneIniziale = $('.box').css('left');
    (function loop(){
      $('.box').css('left',posizioneIniziale).stop().animate({left:'380px'},2000,'easeInOutQuad',function(){setTimeout(loop,5000)});     
    })();
  });
  </script>
</head>
<body>
  <div class="box"></div>
</body>
</html>

**toro.86** · 06-02-2013, 16:30

Fa semplicemente quello che ho chiesto!!!!!!! grazie!

+10 punti!

post per me chiuso :-)

Discussione: reset ciclico

Strumenti discussione

Ricerca discussione

Visualizza

reset ciclico

Permessi di invio