2011-01-09 10 views
1

ich dieses jQuery-Plugin bin mit hier: http://css-tricks.com/examples/MovingBoxes/konvertieren jQuery Ereignis Hier klicken, um in regelmäßigen Abständen

Hat jemand es verwendet oder können Sie einen Blick auf die jQuery-Code nehmen, wie kann ich die Funktion gesetzt regelmäßig ausgeführt werden, anstatt bei Klick-Events?

Dank

+0

Bedeutung Sie so etwas wie ein Karussell wollen statt nächsten/vorherigen klicken zu müssen? –

+0

genau! aber das ist das einzige, das ich mit dem Bild Zooming gekommen bin, wenn das Bild in der Mitte als links oder rechts Bild – benhowdle89

+0

Javascript-Tag sowie – Paul

Antwort

4

verwenden, um die setTimeout-Funktion, die verwendet werden können Teil Javascript (http://www.elated.com/articles/javascript-timers-with-settimeout-and-setinterval/)

Sie ist setInterval stattdessen, aber für die meisten Animationen ist setTimeout einfacher zu kontrollieren (und was noch wichtiger ist ... stop).

Alternativ kann das jquery Timer-Plugin http://plugins.jquery.com/project/timers helfen, vielleicht.

** Edit: Entschuldigung, der Ton Ihrer Frage hat mich glauben lassen, dass Sie gefragt haben, wie man Timer macht, ich wusste nicht genau, wonach Sie gesucht haben.

Wenn Sie den Event-Handler suchen, werden Sie sehen, dass er die Tasten setzt Setup bekommen die goForward und goBackward Funktionen aufzurufen, wie

folgt
// Set up click on left/right arrows 
base.$el.find('.right').click(function(){ 
    base.goForward(); 
    return false; 
}).end().find('.left').click(function(){ 
    base.goBack(); 
    return false; 
}); 

Diese Funktionen das Recht beginnen und links scrollen durch die anruf Methodenänderung, die den Speicherort zum angegebenen Feld # scrollt. Sie können dasselbe in Ihrem Timer-Rückruf tun.

+0

Dank dafür angezeigt, ich habe diese zuvor verwendet, aber es war tatsächlich herauszufinden, wo zur Hölle man sie in diesen Jungs-Code steckt – benhowdle89

0

var milliseconds = 1000; //1 second delay
setTimeout("change(true)",milliseconds); //see line 109 and 110 of slider.js

Verwandte Themen