javascript - 根据附加到图像的计时器更改的 URL

Question

我想要做的是拥有一个 URL，该 URL 在附加到图像的计时器上发生变化。因此，假设 10 秒后，URL 发生变化(不是图像)我希望图像不发生变化，而只是附加到它的链接 URL。

我在想有办法修改这段代码。但我一点也不知道是什么方式。

<a href="http://www.google.com"><img src="http://www.google.com/intl/en_ALL/images/logo.gif"/></a>

我在想这样的事情吗？

<script>
var urlArray = [
"URL 1",
"URL 2",
"URL 3"
];

setTimeout(function() {
}, 60000);
}

</script>

唯一的问题是我不知道如何合并图片 url，或者这是否可行。

Answer 1

我想这就是您要找的。

我在源代码中添加了注释，并将间隔(不是超时)设置为 5 秒 5000用于演示目的。如果您希望它每 10 秒运行一次，只需将间隔更改为 10000

var urls=[
'http://www.google.com',
'http://www.youtube.com',
'http://www.stackoverflow.com'
];
var x=0;

window.onload=function(){
setInterval(function(){ // Interval
x++; // Use to increment array
if(x>urls.length-1){x=0} // End of Array? Reset x
// Target anchor tag by ID.        Next Item In Array
document.getElementById('MyUrls').href=urls[x];
}, 5000);
}

<a id="MyUrls" href="http://www.google.com">
<img src="http://www.google.com/intl/en_ALL/images/logo.gif"/>
</a>

这里是 JS Fiddle

如果您对上述源代码有任何疑问，请在下方留言，我会尽快回复您。

希望对您有所帮助。编码愉快!