<body onload="init()">
<img id="imgId" src="0.jpg">
</body>
<script type="text/javascript">
function init(){
//定时任务,每隔3s执行一次changeAd()
setInterval("changeAd()",3000);
}
var index = 1;
function changeAd(){
var imgObj = document.getElementById("imgId");
//巧妙的利用求余结合文件名称
imgObj.src = index%3+".jpg";
index++;
}
</script>
这边对3求余,余数是 0、1、2所以文件名称也要改成 0.jpg、1.jpg、2.jpg。
setTimeout()和setInterval()经常被用来处理延时和定时任务。setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式,而setInterval()则可以在每隔指定的毫秒数循环调用函数或表达式,直到clearInterval把它清除。