html代码:
<img src="./images/1.png">
js代码:
<script>
// 获取元素
let Img = document.getElementsByTagName('img')[0];
let o = 1;
// 定时几秒换图
let timer = setInterval(Imgs, 1000);
function Imgs() {
o++;
if (o > 4) {
o = 1;
}
Img.src = './images/' + o + '.png'
}
// 滑入
Img.onmouseover = function() {
clearInterval(timer);
}
// 滑出
Img.onmouseout = function() {
timer = setInterval(Imgs, 1000)
}
</script>