本文主要详细介绍基于JavaScript的图像切换效果。

本文中的示例代码非常详细，具有一定的参考价值。感兴趣的朋友可以参考一下。

本文分享JS实现图片切换效果的具体代码，供大家参考。具体内容如下

身体

按钮id='btn1'ON/button

button id='btn2'OFF/buttonbr

img src=' images/0 . jpg ' alt=' ' id=' pic '

脚本类型='文本/javascript '

//获取图片对象

var pic=document . getelementbyid(' pic ')；

var I=0；//默认情况下，图像名称编号显示第一张图像。

var定时器；

var isTrue=false//标识计时器是否已经启动。false未开始

//点击事件

document.getElementById('btn1 ')。onclick=function(){

if(isTrue){

返回；//不再启动新的计时器

}

timer=setInterval(function(){

//当到达的最后一张图片时，让图片的编号返回到第一张。

if (i==3) {

I=0；

}

我；

pic.src='images/' i '。jpg '；

},1000);

isTrue=true//将计时器更改为开始状态。

};

document.getElementById('btn2 ')。onclick=function(){

clearInterval(定时器)；

isTrue=false//定时器恢复到启动状态。

};

/脚本

/body

实现效果如下：

这就是本文的全部内容。希望对大家的学习有帮助，支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。