javascript - javascript预加载图像数组不断请求图像

Question

我有一个预加载函数，它用一些图像的源创建一个数组。

function preload() {
  for (var n = 0; n < urls.length; n++) {
      images[n] = new Image;
      images[n].onload = updateCurrenttype();
      images[n].src = urls[n];
      console.log('urlsPreload[n]: '+urls[n]);
  }
}

function updateCurrenttype() {
currenttype = 1;
 }

更新当前类型函数，应该像一个标志来检查是否应该请求图像。但显然没有按预期工作：D

然后我有一个显示图像的显示功能，但由于某种我看不到的原因，图像被一次又一次地请求。而不是使用预加载数组中的那些。

function showimage() {
if (currenttype != 0) {
    imageitem.src = images[currentindex].src;
}
    console.log('urls[ci]:'+images[currentindex].src);
}

这些图像是动画，所以我不想一次又一次地下载图像，我希望它们可以被重复使用。

任何建议如何实现这一目标？