

jQueryである要素を一定の間隔で拡大縮小（膨らんだり、縮んだり）を永続的にさせる効果を実装したいのですが。  
思うように動かず困っております。

jQueryもですし、Javascript自体触ったばかりで初歩的な内容で申し訳ありません。

対象の要素：btn1  
CSS:width: 300px;,height: 60px

jQueryコード：

[code]

    $(function () {
      setTimeout('rect()');
    });
    
      function rect() {
        $('.btn1').animate({
          maxWidth: '+=20px',
          maxHeight: '+=20px'
        }, 1200).animate({
          maxWidth: '-=20px',
          maxHeight: '-=20px'
        }, 1200);
      setTimeout('rect()', 2000);
    }
    
[/code]

上記を実行すると、左端から少しずつ本来のボタン要素が形成されていき、本来のボタン要素の大きさになった時点で動作が止まったように見える状態です。

よろしくお願いいたします。


CC BY-SA 4.0
2018-12-09T03:48:16.893
51055
2018-12-09T06:35:38.553
2018-12-09T06:35:38.553
19110
31369
question
javascript jquery
jQuery3.2.1で要素の大きさ（width, height）を拡大縮小するアニメーションの実装。