apiで取得した画像を指定した秒数が経つと別の画像に切り替わるようにしたい。

前提・実現したいこと

プログラミング初心者です。
jsの1では画像取得ができたのですが、setIntervalを使ってどのように記述すればよいかわかりません。
jsの2では秒数ごとに切り替わってはいるのですが画像を取得する記述がわかりません。
アドバイス頂けましたら幸いです。

発生している問題・エラーメッセージ

該当のソースコード

html
1              <div class="row image">
2                <img id="image">
3              </div>

css
1#image {
2  height: 300px;
3  width: 300px;
4}

javascript1
1const image = document.getElementById('image');
2  const api = fetch('https://dog.ceo/api/breeds/image/random')
3  .then(Response => {
4    return Response.json();
5  })
6  .then(myJson => {
7    image.src = myJson['message'];
8  });

javascript2
1  $(function(){
2    var count = setInterval(changeImg, 2000);
3    i = 1;
4    function changeImg(){
5        $("#image").attr("src","https://dog.ceo/api/breeds/image/random" + i);
6        if(i <= 5){
7            i++;
8        }
9        else{
10            i = 1;
11        }
12    }
13});