带有图像刷新代码的Javascript数组

希望这不是太复杂。我有一行代码，用于以设定的间隔刷新图像。这很有效。我可以重复这行代码，只需更改每个页面上的唯一名称，并在每个页面上获取多个要刷新的图像。我想做的是在页面顶部有一个列表或数组，在那里设置图像位置，并为每个图像设置一个标题。这将使事情比在更改图像时通过大量代码进行剪切和粘贴要简单得多

下面是我使用的代码行：（对于每张图片，refresh1重命名为refresh2、refresh3等）

然后在下面的代码中调用它们：

<display text from 'title1'>
<img src="image1" id="refresh1" onload="setTimeout('document.getElementById(\'refresh1\').src=\'image1?\'+new Date().getMilliseconds()', 15000)" />

<display text from 'title2'>
<img src="image2" id="refresh2" onload="setTimeout('document.getElementById(\'refresh2\').src=\'image2?\'+new Date().getMilliseconds()', 15000)" />

---

正如您所看到的，我对从表或数组调用东西不太了解

我会使用选择器获取图像，然后插入变量中的值

document.getElementById("refresh1").src = image1
document.getElementById("refresh2").src = image2

image1

和

image2

也需要是字符串值

---

编辑：将jQuery替换为DOM指令

不太确定如何实现它。我现在正在阅读关于jquery的教程。。。也许我能想出如何使用你贴的东西。如何将文字描述称为“标题”以与每个图像一起使用？这个用于图像和标题描述的变量代码是否可以在html页面中完成，并且在每个页面上是不同的？因为我需要每个网站页面都是唯一的，所以可能不需要制作并上传一个包含变量的文件。抱歉，我应该意识到你可能更熟悉正确的DOM指令，而不是jQuery。不过我还是建议你去学，它会让你的生活更轻松。但是对于标题，只需包含

div

或

span

元素以及相应的ID，这些ID将允许您将

title

变量注入其中。也许我应该补充一点，每个页面将有大约20个图像。img src代码行全部放在许多表中，并被其他代码包围。我想用一个set变量设置所有img src行（即：image1用于图像位置http:，title1用于图像描述），然后再也不必向下滚动并查找或更改它们。在页面顶部，图像的列表/数组=http日志，标题=描述。从我所做的所有搜索来看，我认为这是不可能的，尤其是在使用我在每个img src中刷新该图像的代码时

<display text from 'title1'>
<img src="image1" id="refresh1" onload="setTimeout('document.getElementById(\'refresh1\').src=\'image1?\'+new Date().getMilliseconds()', 15000)" />

<display text from 'title2'>
<img src="image2" id="refresh2" onload="setTimeout('document.getElementById(\'refresh2\').src=\'image2?\'+new Date().getMilliseconds()', 15000)" />

document.getElementById("refresh1").src = image1
document.getElementById("refresh2").src = image2