主要实现过程:
用一个定时器加上一个循环函数即可。
实验源码:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
window.onload = function(){
var num = 1;
window.setInterval(change,2000);
function change()
{
num++;
var idElement = document.getElementById("01");
if(num%3 == 2)
{
idElement.src = "img/2.jpg";}
else if(num % 3 == 0){
idElement.src = "img/3.jpg";
}
else{
idElement.src = "img/1.jpg";
}
}
}
</script>
</head>
<body>
<img src="img/1.jpg" id="01"width="100%"/>
</body>
</html>