首页 > 代码库 > 两张图片的轮播
两张图片的轮播
1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 <script> 7 var myinterval=""; 8 function changeimg(obj){ 9 if(obj.valuehttp://www.mamicode.com/=="开始"){ 10 obj.value="http://www.mamicode.com/停止"; 11 myinterval=window.setInterval("startit()",20); 12 }else{ 13 obj.value="http://www.mamicode.com/开始"; 14 window.clearInterval(myinterval); 15 } 16 } 17 function startit(){ 18 var picarray=new Array("pic/01.jpg","pic/02.jpg","pic/03.jpg","pic/04.jpg", 19 "pic/05.jpg","pic/06.jpg","pic/07.jpg"); 20 21 var index=Math.round(Math.random()*picarray.length-1);//因为长度要比索引大要减1 22 var index2=Math.round(Math.random()*picarray.length-1); 23 index=index==-1?0:index; 24 document.getElementById("pc01").src=http://www.mamicode.com/picarray[index]; 25 index2=index2==-1?0:index2; 26 document.getElementById("pc02").src=http://www.mamicode.com/picarray[index2]; 27 } 28 </script> 29 </head> 30 <body> 31 32 <div id="div1"> 33 <img src="http://www.mamicode.com/pic/01.jpg" id="pc01"> 34 </div> 35 <input type="button" value="http://www.mamicode.com/开始" onclick="changeimg(this);"> 36 <div id="div2"> 37 <img src="http://www.mamicode.com/pic/03.jpg" id="pc02"> 38 </div> 39 </body> 40 </html>
两张图片的轮播
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。