0

私は本当にいくつかの助けを使うことができました。下に、何度も繰り返される javascript / jquery スライダーがあります。可能であれば、特定のボタンがクリックされたときに繰り返すのを止めたいです。私はまったくの初心者で、ここまでたどり着くまでにかなりの時間がかかりました。どんな助けでも大歓迎です。

$(document).ready(function () {

    var i = 0;
    var z = 0;
    delay = 5000;
    var el = $('#scroll-script');
    var ql = $('#info-box');
    var classesb = ['fp-info-one', 'fp-info-two', 'fp-info-three', 'fp-info-four'];
    var classes = ['fp-slide-one', 'fp-slide-two', 'fp-slide-three', 'fp-slide-four'];
    var interval = setInterval(function () {
        el.removeClass().addClass(classes[i]);
        i = (i + 1) % 4;
        ql.removeClass().addClass(classesb[z]);
        z = (z + 1) % 4;
    }, delay);

});
4

4 に答える 4

2 
$(document).ready(function () {

    var i = 0;
    var z = 0;
    delay = 5000;
    var el = $('#scroll-script');
    var ql = $('#info-box');
    var classesb = ['fp-info-one', 'fp-info-two', 'fp-info-three', 'fp-info-four'];
    var classes = ['fp-slide-one', 'fp-slide-two', 'fp-slide-three', 'fp-slide-four'];
    var interval = setInterval(function () {
        el.removeClass().addClass(classes[i]);
        i = (i + 1) % 4;
        ql.removeClass().addClass(classesb[z]);
        z = (z + 1) % 4;
    }, delay);

    // code that stop repeat
    $('#your_button').on('click', function() {
      clearInterval(interval );
    });
});

時間を繰り返すために使用setInterval()しているため、そのタイマーをクリアするには、 を使用する必要がありますclearInterval()。.

ノート

#your_buttonターゲット ボタンの適切なセレクターに置き換えられます。

于 2012-08-29T06:49:07.370 に答える
1

clearInterval() を使用するだけです。

$(".somebutton").click(function()
{
  clearInteval(interval);
  interval=null;
});
于 2012-08-29T06:53:15.317 に答える
0

clearInterval()これを達成するのに役立つ と思います。

click()これをイベントに適用するだけです。何かのようなもの： 

$('#element').click(function(){
    clearInterval(Interval_OBJECT);
});
于 2012-08-29T06:48:59.670 に答える
0

clearInterval(interval)繰り返し動作を止めたい場合に使用します。

何かのようなもの ：

 $('#btn').on('click', function(){ clearInterval(interval); });
于 2012-08-29T06:49:17.247 に答える