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

Javascript array with image refreshing code

本文关键字：Javascript 数组 代码 刷新 图像      更新时间：2023-09-26

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

这是我使用的代码行：（每张图片的刷新 1 被重命名为 refresh2、refresh3 等）

<img src="http://somewhere.com/picture1.jpg" id="refresh1" onload="setTimeout('document.getElementById(''refresh1'').src=''somewhere.com/picture1.jpg?''+new Date().getMilliseconds()', 15000)" />

我想使用javascript数组（或CSS？）在顶部做一些事情，大意是：

Array:    
image1= somewhere.com/picture1.jpg
image2= somewhere.com/picture2.jpg
title1= "Picture of someplace Fun"
title2= "Picture of someplace Hot"

然后通过以下方式在我的代码中调用它们：

<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也需要是字符串值。

编辑：用DOM指令替换jQuery

。
相关文章：