javascript实现的图片简单切换代码实例
分类：实例代码
图片切换功能很多都比较绚丽，当然有时候仅仅需要简单的每隔指定时间更换一下图片，下面就是一个这样的代码。
代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.pipipi.net/" />
<title>前端教程网</title>
<style type="text/css">
#thediv{
width:150px;
height:100px;
margin:0px auto;
}
</style>
<script type="text/javascript">
var theArray=new Array('图片一', '图片二', '图片三', '图片四');
var index=0;
function change(){
var theimg=document.getElementById('theimg');
if(s<theArray.length-1){
index++;
}
else {
index=0;
}
theimg.setAttribute('src', theArray[index]);
}
function qiehuan(){
setInterval(change,1000);
}
window.onload=function(){qiehuan();}
</script>
</head>
<body>
<img src="默认图片" id="theimg"/>
</body>
</html>
以上代码并不能够真正的运行，因为图片的地址只是以文字进行简单的替代，在实际应用中进行简单的替换就可以了，这里就不多介绍了，代码比较简单，如果有任何问题，可以跟帖留言。