このページは、Timerプラグインを使って一定時間ごとの
繰り返し処理をjQueryで実行してみたメモです。

このページについて

このドキュメントは、Timer pluginを使って、タイムラインでコントロールするサンプルです。 プラグインを利用することで、とても簡単にコントロールできます。

勉強になったサイト

書き方

<script type="text/javascript" src="/js/jquery.js"></script>
<script src="/js/jquery.timer.js" type="text/javascript"></script>

<script type="text/javascript">
var second = false;
var i= 1;
jQuery.timer(3000, function (timer) {

    if (!second) {
        jQuery("#no1").append("<img src=\"a_pata1.gif\" width=\"31\" height=\"31\" alt=\"なんだよ\">");
        
        
        timer.reset(300 / (i * 0.1));

        i += 1;
        if(i > 24 ){second = true;}

    } else {
         jQuery("#no1").prepend("<h2>か、かかってこんかい!</h2>");

        timer.stop();
    }


});

})(jQuery);
</script>

<div class="" id="no1"></div>