JS实现画面切换效果

这个例子分享了JS实现画面切换效果的具体代码，供大家参考。具体内容如下

body button id=' BTN 1 ' on/button button id=' BTN 2 ' off/button bring src=' http : images/0 . jpg ' alt=' id=' pic ' script type=' text/JavaScript '/get图片对象varpic=document . getelementbyid(' pic ')var I=0；//第一个var定时器默认显示在图片名称号中；var isTrue=false//识别计时器是否已启动。false不会启动。//单击事件文档. getelementbyid ('btn1 ')。onclick=function(){ if(is true){ return；//不启动新的定时器} Timer=set interval(function(){//当最后一张图片到达时，让图片号返回到第一张if(I==3){ I=0；} I；pic.src='images/' i '。jpg '；},1000);isTrue=true//将计时器更改为启动状态}；document.getElementById('btn2 ')。onclick=function(){ clearInterval(计时器)；isTrue=false//定时器恢复到启动状态；/script/body的效果如下：

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