关于js中的for循环,我想用它实现图片轮播,这样可以么
关于js中的for循环,我想用它实现图片轮播,这样可以么<body><divclass="contaier"><imgsrc="img/btn_01.jpg"id="de...
关于js中的for循环,我想用它实现图片轮播,这样可以么<body>
<div class="contaier">
<img src="img/btn_01.jpg" id="demo"/>
</div>
<script>
window.onload=setInterval(myvar,1000)
var arr=new Array("","img/btn_01.jpg","img/btn_02.jpg","img/btn_03.jpg","img/btn_04.jpg");
function myvar(){
var src=document.getElementById("demo");
for(var a=0;a<arr.length-1;a++)
src.src=arr[a]
if(a=arr.length-2){
a=0;
}
console.log(a)
}
</script>
</body> 展开
<div class="contaier">
<img src="img/btn_01.jpg" id="demo"/>
</div>
<script>
window.onload=setInterval(myvar,1000)
var arr=new Array("","img/btn_01.jpg","img/btn_02.jpg","img/btn_03.jpg","img/btn_04.jpg");
function myvar(){
var src=document.getElementById("demo");
for(var a=0;a<arr.length-1;a++)
src.src=arr[a]
if(a=arr.length-2){
a=0;
}
console.log(a)
}
</script>
</body> 展开
展开全部
从 逻辑上来看 ,你设置了定时器 就不要用 for 循环了...
按你的写法 是每隔1秒钟就把所有图片闪现一边 而不是每一秒中换一幅图片.
改成下面试一下 , 代码未调试
<script>
window.onload=setInterval(myvar(),1000)
jpgindex=0;
var arr=new Array("","img/btn_01.jpg","img/btn_02.jpg","img/btn_03.jpg","img/btn_04.jpg");
function myvar(){
var src=document.getElementById("demo");
src.src=arr[jpgindex]
if(jpgindex=arr.length-1){
jpgindex=0;
console.log(jpgindex)
}else{
jpgindex++;
}
</script>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询