其实window.setInterval可以直接写成setInterval,而且各大主流浏览器都兼容的。
我以前写过一个类似的,代码如下:<html>
<head>
<script>
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
var imgIndex = 0;
var timer = 150;
var imgObj; var img1 = "./01.png";
var img2 = "./02.png";
var img3 = "./03.png";
var img4 = "./01.png";
var imgArr = [img1, img2, img3, img4];window.onload = function(){
imgObj = document.getElementById("img");
setInterval(onframe, timer);
}function onframe() {
if(imgIndex >= imgArr.length-1){
imgIndex = 0;
}else{
imgIndex ++;
}
imgObj.src = imgArr[imgIndex];
}
</script>
</head>
<body>
<img id="img" style="margin:50px 0 0 50px;" />
</div>
</body>
</html>
我以前写过一个类似的,代码如下:<html>
<head>
<script>
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
var imgIndex = 0;
var timer = 150;
var imgObj; var img1 = "./01.png";
var img2 = "./02.png";
var img3 = "./03.png";
var img4 = "./01.png";
var imgArr = [img1, img2, img3, img4];window.onload = function(){
imgObj = document.getElementById("img");
setInterval(onframe, timer);
}function onframe() {
if(imgIndex >= imgArr.length-1){
imgIndex = 0;
}else{
imgIndex ++;
}
imgObj.src = imgArr[imgIndex];
}
</script>
</head>
<body>
<img id="img" style="margin:50px 0 0 50px;" />
</div>
</body>
</html>
我写这个代码的时候第一时间想到的是数组的concat方法 后来一想反正都是字符串 转来转去太麻烦了
这个代码后面我又给加了一些东西 否则在打开网页的时候右键 图片就不动了<!doctype html>
<html>
<head>
<title></title>
<meta charset="utf-8" />
<style>
body{-moz-user-select:none;}
</style>
</head>
<body onload="start()">
<img src="" name="im"/>
<script>
document.oncontextmenu=
document.body.oncontextmenu=document.body.ondragstart= document.body.onselectstart=document.body.onbeforecopy=
function(){return false;};
document.body.onselect=document.body.oncopy=document.body.onmouseup=
function(){document.selection.empty();};
var imgsrc;
var i = 0, gw = 0, sw = 0, bw = 0;
function start() {
window.setInterval(a, 100);
}
function a() {
imgsrc = "IMG00" + bw + "" + sw + "" + gw + ".bmp";
gw++;
if (gw >= 9) {
gw = 0;
sw++;
if (sw >= 9) {
sw = 0;
bw++;
}
}
if(bw+""+ sw+""+gw =="150"){
gw = 0, sw = 0, bw = 0;
}
document.images.im.src = imgsrc;
}
</script>
</body>
</html>