setIntervalをループさせたい

Question

変数countを想定の最大数まで加算し、その後最小値に戻してループさせるにはどうしたらよいのでしょうか。

//いろいろしている関数
    function Count() {
	  var Nm = count;
	  $('#namaeNm').text(Nm);
	  $('#tb').empty();
	  n=1;
	  socket.emit('setUserNameR', Nm);
	  console.log(Nm);
	  count++;
    }


　　//本題
    var id = setInterval(function(){
    Count();
    if(count > 22){　
      clearInterval(id);
    }}, 5000);

countを22まで加算した後は1に戻して関数Countを5秒おきに実行したいのです。
よろしくお願いします。

補足します。
var count = 1;
は記述冒頭に置いています。書き忘れていました。

　　if(count > 22){　
      clearInterval(id);
　　　count = 1;
     Count();
    }}, 5000);

この後setIntervalに戻す方法が分かりません。

またnamaeNmは表記を変えるために書いていたものでNmを１→２２→１→とループさせたいと思っています。

Comments

[m.ts10806]

count はどこで定義されているのでしょう。
あとどこにも１に戻したところが見受けられませんが

[yambejp]

#tbはなにに使っていますか？
#namaeNmに0→22で0に戻るでよいのでしょうか？
clearIntevalすると終わっちゃいますが、0に戻るのですかそれととも終わるのですか？

[m.ts10806]

＞記述冒頭に置いています。書き忘れていました。
本文のコードを編集してください。

Answer 1

<script>
var timerId;
var count=1;
window.addEventListener('DOMContentLoaded', ()=>{
  timerId=setInterval(()=>{
    document.querySelector('#namaeNm').textContent=count;
    count++;
    if(count>22) count=1;
  },100);
});

</script>
<div id="namaeNm"></div>

Comments

[Izumo1101]

そうか、単純にclearIntervalを使わなければいいだけなんですね。納得しました。
ありがとうございます！！