JavaScript简单图片间隔指定时间切换效果

当前位置：首页 > 代码实例 > html5 css3代码分类 > 其他 > JavaScript简单图片间隔指定时间切换效果

大家对焦点图片切换功能自然不陌生，一般来说来，这些焦点图功能都比较强大，并且带有很多的特效。本章介绍的图片能够间隔指定时间就能够自动切换的功能可以说是一个简化版本的焦点图效果，代码非常的简单。
代码如下:

[ 其他 ] 运行代码下载代码

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" /> 
<title>图片自动跳转</title> 
<script type="text/javascript"> 
setInterval(test,1000); 
var array=new Array(); 
var index=0; 
var array= new Array("1.jpg","2.jpg","3.jpg","4.jpg","5.jpg","6.jpg","7.jpg","8.jpg"); 
function test() {
  var myimg=document.getElementById("imgs"); 
  if(index==array.length-1) { 
   index=0; 
  }
  else{ 
    index++; 
  } 
  myimg.src=array[index]; 
} 
</script> 
</head> 
<body > 
<img id="imgs" src="1.jpg" /> 
</body> 
</html>

代码描述：JavaScript简单图片间隔指定时间切换效果。JavaScript简单图片间隔指定时间切换效果

下载全部收藏

170 227

用户评论

大牛，别默默的看了，快登录帮我点评一下吧！:) 登录 | 注册