需求：每隔3秒动态循环切换一组图片
定时轮播一组图片步骤分析：（1）确定事件：文档加载完成的事件onload
（2）事件要触发函数：startTimer()
（3）函数里要做一些事情（操作元素，提供交互）
1.开启定时器：执行切换图片函数changeImg()
（4）changeImg()
1.执行切换图片
源码如下：
<html>
<head>
<meta charset="utf-8" />
<title>图片轮播</title>
<script>
var index = 0;
function changeImg() {
var curIndex = index % 4 + 1;
var img = document.getElementById("img1")
img.src = "img/" + curIndex + ".jpg";
index = index + 1;
}
function startTime() {
setInterval("changeImg()", 2000);
}
</script>
</head>
<body onload="startTime()">
<img src="img/1.jpg" id="img1"/>
</body>
</html>