1

どうすれば追加できますか; または、以下の jQuery スニペットを変更して、停止機能も含めるようにします。スライド ショーを特定のフレームで停止させたいです。

$("#slideshow > div:gt(0)").hide();

setInterval(function() { 
  $('#slideshow > div:first')
    .fadeOut(1000)
    .next()
    .fadeIn(1000)
    .end()
    .appendTo('#slideshow');
},  3000);

フィドル: http://jsfiddle.net/camny77/WgRtp/embedded/result/

4

3 に答える 3

1

そのようなもの-http://jsfiddle.net/ykSRU/7/

var interval = "";
$("#slideshow > div:gt(0)").hide();
start();

function start() {
  interval = setInterval(function() {
  $('#slideshow > div:first')
    .fadeOut(1000)
    .next()
    .fadeIn(1000)
    .end()
    .appendTo('#slideshow');
  },  3000);
}

function stop() {
    clearInterval(interval);
}
于 2012-12-10T22:00:19.380 に答える
1

clearInterval次のように使用します。

$("#slideshow > div:gt(0)").hide();
var i=0; // counter
handle = setInterval(function() { //assign the interval to a variable 
  $('#slideshow > div:first')
    .fadeOut(1000)
    .next()
    .fadeIn(1000)
    .end()
    .appendTo('#slideshow');
    i++;
    if (i==3) clearInterval(handle); // stops on the 3rd frame
},  3000);​
于 2012-12-10T21:56:35.677 に答える
0

setIntervalを変数に割り当て、スライドが非常に多い場合など、特定の条件が満たされた場合、またはsrc属性が必要な場合に、変数にclearIntervalを使用しますか？

于 2012-12-10T21:46:13.053 に答える