jQueryで「1秒ごとに実行」を「繰り返しで実行」…みたいな?

2017年9月14日技術

画像出典:jQuery

この記事は2017年6月29日に書かれたものです。ご注意ください。

タイトルからはよく分からない内容。

イメージとしては「1秒ごとに実行(3回目でストップ)」というものを

「繰り返しで実行」させてみたいなーと思いました。

まず最初の「1秒ごとに実行(3回目でストップ)」に関しては簡単に可能です。

See the Pen 1秒ごとに実行(3回目でストップ) by micelle (@micelle) on CodePen.

以下参考サイト

http://zvub.hateblo.jp/entry/2015/01/08/160130

んじゃこれをループさせるには…?と思いやったのが以下。

See the Pen 3秒1セットで何かする by micelle (@micelle) on CodePen.

loop()loop2()という形で入れ子にしてしまいました。
またカウントが3回になったらif(i==3)
loopのカウントを止めつつclearTimeout(timerId);
loop2を実行setTimeout(loop2,1000);
させております。ダサいけどとりあえずうまく動いているのでいいかな…?