javascript动画

最新推荐文章于 2024-11-04 16:17:23 发布

jjyjjyjjy

最新推荐文章于 2024-11-04 16:17:23 发布

阅读量473

点赞数

分类专栏： javascript 文章标签： javascript button function null input image

本文链接：https://blog.csdn.net/jjyjjyjjy/article/details/1619695

版权

javascript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<img name="myImage" src="image/0.jpg" width="500" height="500">
<script>
var allImages = new Array(10);
var numloaded = 0;

function countImages()
{
  if (++numloaded == allImages.length)animate();
}

for(var i = 0; i < 10; i++)
{
  allImages[i] = new Image();
  allImages[i].onload = countImages;
  allImages[i].src = "image/" + i + ".jpg";
}

var currentImage = 0;
var timeoutId = null;

function animate()
{
  document.myImage.src = allImages[currentImage].src;
  currentImage = (currentImage + 1) % 10;

  timeoutId = setTimeout("animate()",2000);
}
</script>