我有两张猫走路和猫跳舞的照片
我需要将步行猫的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>
暂无答案!
目前还没有任何答案,快来回答吧!