我有两张猫走路和猫跳舞的照片
我需要将步行猫的img移动到窗口的中间，然后将img更改为跳舞猫，并且仍然暂停5秒钟跳舞，5秒钟后，步行猫再次返回并继续行走，直到窗口结束，然后从窗口开始再次开始
我使用settimeout、setinterval和clearinterval作为暂停，因此猫会一直走到中间，然后停下来跳舞，5秒钟后返回行走，但直到窗口结束才移动
在这段代码中，有没有办法在清除后返回间隔？谢谢

let img = document.getElementsByTagName('img')[0]
img.style.left = 0
let x = 0

function moving() {

  if(x ===  ((window.innerWidth)-400)/2 ) {
    img.setAttribute('src' , 'dancing cat src')
    setTimeout(() => {
      img.setAttribute('src' , 'walkingCat src')
    }, 5000)
    clearInterval(interval)

  } else {
    x >= (window.innerWidth)-300 ?  x = 0 : x += 10
    img.style.left = x +'px'

  }  

}
const interval =  setInterval(moving , 50)

<img>