javascript - サイトがライブのときにオブジェクトを継続的にバウンスする方法

Question

JavaScript と jQuery は初めてです。新しいプロジェクトで問題が発生しました。跳ねる画像が欲しいです。ネットからスクリプトを入手しました。しかし、この機能はクリックでジャンプするためのものです。サイトがロードされたときにジャンプしたいです。私を助けてください。

リンクhttp://www.tycoonlabs.com/help/bounce%20-%20Copy.html

これは私のスクリプトです

<SCRIPT>
$(function(){
    $('#bouncy1').click(function () {
          $(this).effect("bounce", { times:5 }, 300);
    });
});
</SCRIPT>

感謝と敬意

Answer 1

何かが起こっている間にバウンスさせてから停止させたい場合は、setIntervalを使用できます

var interval = setInterval(function(){ 
    jQuery('#someId').effect('bounce', {times: 5}, 300);
}, 500); // every half second

// Do some stuff to load up your site;        

clearInterval(interval); // Stop the bounce interval

ニーズと効果に合わせてtimesパラメータとを調整することもできます。delay

Answer 2

これを試して：

<script>
    $(function(){
        function bounceObject(obj)
        {
            obj.effect("bounce", { times:5 }, 300);
        }
        bounceObject($('#bouncy1'));
        $('#bouncy1').click(function () {
            bounceObject($(this));
        });
    });
</script>

Answer 3

これはうまくいきます

function bounce(){
    $('#test').effect( "bounce", "slow", bounce);
}
bounce();

http://jsfiddle.net/xGe2D/