每隔一定时间更换图片<多图片模拟gif效果>

原创于 2016-03-18 09:23:47 发布 · 641 阅读

1 ·

CC 4.0 BY-SA版权

javascript 专栏收录该内容

24 篇文章

订阅专栏

本文介绍了一个简单的网页应用，该应用能够每隔200毫秒自动更换一张图片进行展示。通过预加载图片数组并使用JavaScript定时器功能实现这一效果。

<!doctype html>
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>每隔一定时间更换图片</title>
<script>
     var img = [];
    for(var i=1;i<=75;i++){
      img.push("img/gutou "+i+".png");
    }
   // Img = new Array("/img/1.jpg","/img/2.jpg","/img/3.jpg","/img/4.jpg","img/5.jpg");
    size = img.length;
    i = 0;
    function updateImg(){
        picID.src = img[i];
        i++;
        if (i>=size) i = 0;
        setTimeout("updateImg()",200);
    }
</script>
 </head>
<body onLoad="updateImg()">
<a href="#"><img id="picID" border="0"></a>
</body>
</html>