js实现图片轮播
实现图片轮播的效果
1 <script language =javascript > 2 function $(id){ 3 return document.getElementById(id); 4 } 5 var curIndex = 0; 6 //时间间隔 单位毫秒 7 var times = 1000; 8 var arr = []; 9 arr[0] = "0.jpg"; 10 arr[1] = "1.jpg"; 11 arr[2] = "2.jpg"; 12 arr[3] = "3.jpg"; 13 arr[4] = "4.jpg"; 14 arr[5] = "5.jpg"; 15 arr[6] = "6.jpg"; 16 setInterval(function(){ 17 var obj = $("obj"); 18 if (curIndex==arr.length-1) 19 { 20 curIndex=0; 21 } 22 else 23 { 24 curIndex+=1; 25 } 26 obj.src = arr[curIndex]; 27 } ,times); 28 </script> 29 <img id=obj src ="0.jpg"/>
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。