以下是你想要的，全部复制过去先看看效果再改吧，把图片的地址都替换成你自己的。
-------------------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META http-equiv="Content-Type" content="text/html;charset=utf-8">
</HEAD>
<BODY>
<!-- 设置初始显示的图片-->
<div><img src="1.jpg" id="img"></div>
<script>
<!--
//定义一个数组对象，存储你要放的四张图片路径
var picArr = new Array();
picArr[0] = "1.jpg";picArr[1] = "2.jpg";
picArr[2] = "3.jpg";picArr[3] = "4.jpg";
var index = 0;//定义一个全局变量，记录当前页面显示的图片在数组中的索引位置,初始值为0
function changeImg(){//定义一个函数用来替换图片的链接地址
if(index < 3){//先判断下一个图片的索引位置
index ++;
}else{//当前图片已经是第四张，则切换到第一张
index = 0;
}
document.getElementById("img").src=picArr[index];
}
//定时执行函数changeImg，间隔为1000毫秒,第一个参数为要调用的函数，记得加上双引号
window.setInterval("changeImg()",1000);
-->
</script>
</BODY>
</HTML>来自：求助得到的回答