0

私は2つの部門を持っています

<div id="squareone"></div>
<div id="squaretwo"></div>

そして、ページが読み込まれると、各 div も必要です ->$('#squareone').animate({top: '1px'},1000); 問題は、タイマーまたは setInterval 関数を使用してページが読み込まれるときに、これら 2 つの div を自動的に切り替えることは可能ですか?

したがって、ページが読み込まれると$('#squareone').animate({top: '1px'},1000);

そして2 secsその後$('#squaretwo').animate({top: '1px'},1000);

そして繰り返し20 sec？

ありがとう！

4

1 に答える 1

0

無限再帰ループを実行してみてください:

function toggleDivs($this){
    var $that = ($this.attr('id') === 'squareone' ? $('#squaretwo') : $('#squareone'));

    $this.animate({top:1},1000,function(){
        toggleDivs($that);
    });
}

次に、ページの読み込み時に呼び出します。

$(function(){
    toggleDivs($('#squareone'));
});

20秒後に停止したい場合：

function toggleDivs($this,count){
    var $that = ($this.attr('id') === 'squareone' ? $('#squaretwo') : $('#squareone'));

    $this.animate({top:1},1000,function(){
        if(count <= 20){
            count++;
            toggleDivs($that,count);
        }
    });
}

そして、通話に開始番号を含めるだけです。

$(function(){
    toggleDivs($('#squareone'),1);
});

これは、アニメーションを 1 秒間行っているためです。アニメーションを速くしたり遅くしたりすると、明らかにサイクル数が変わります (たとえば、の代わりに のcount <= 40アニメーションを行った場合)。5001000

于 2013-06-04T15:33:41.127 に答える