<html>
<head>
<title>定时器</title>
</head>
<body>
<img src="img/1.jpg" id="img" height="200">
<br>
<button onclick="stop(1)">停止</button>
<button onclick="stop(2)">开始</button>
</body>
</html>
<script language="JavaScript">
var img = document.getElementById("img");
var i = 1;
//setInterval()按照设定的时间不断的重复执行
//setTimeout()按照设定的时间延迟执行，只执行一次
var setInt;
function setIntval(){
setInt = setInterval(function(){
if(i<=3){
img.src = 'img/' + i + '.jpg';
i++;
}else{
i=1;
img.src = 'img/' + i + '.jpg';
i++;
}
}, 1000);
}
setIntval();
function stop(arg){
if(arg == 1){
clearInterval(setInt);
}else{
setIntval();
}
}
</script>
