本文实例为大家分享了JS实现图片切换效果的具体代码,供大家参考,具体内容如下
& lt; body>
& lt;按钮id=" btn1 "祝辞ON
& lt;按钮id="这里"祝辞OFF & lt; br>
& lt; img src=" https://www.yisu.com/zixun/images/0.jpg " id=巴计北?
& lt;脚本type=" text/javascript祝辞//获得图片对象
var图片=. getelementbyid(图片);
var=0;//图片名称编号默认显示第一张
var定时器;
var isTrue=false;//标识是否已经启动了一个定时器错误未启动//点击事件
. getelementbyid (btn1) .onclick=function () {
如果(isTrue) {
返回;//不再启动新的定时器
}
计时器=setInterval(函数(){//当到达之最后一张图片时让图片的编号返回到第一张
如果(我==3){
我=0;
}
我+ +;
pic.src=' https://www.yisu.com/zixun/images/' +我+“jpg”;
}, 1000);
isTrue=true;//把定时器改为启动状态
};
. getelementbyid(这里的).onclick=函数(){
clearInterval(计时器);
isTrue=false;//定时器恢复为为启动状态
};
& lt;/script>
& lt;/body>
之前
实现效果如下:
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
