如何每 10 秒更改一次 iframe [关闭]

Posted 2023-02-22

【中文标题】如何每 10 秒更改一次 iframe [关闭]

【英文标题】：How to Change iframe every 10 sec [closed]

【发布时间】：2013-05-25 19:13:45

【问题描述】：

如何每 15 秒更改一次 iframe。我必须在 iframe 中显示内容。我想在大约 310 像素宽的单个框中显示它。请给我详细的代码，因为我是 javascript 的新手。提前致谢。

【问题讨论】：

你说的改变是什么意思？

请给我详细的代码 这不是你在***中ask的方式。

@mayuresh：请做一些研究，尝试一些代码，使用谷歌，然后，如果你仍然觉得困难，用相关代码发布一个关于 SO 的问题。

@Mayuresh 仍然不知道你所说的改变是什么意思！改变内容？

@fGo 是的！我想创建一个可以显示动态内容的框。

【参考方案1】：

假设您的 iframe 有一个 ID 'myiframe'：

var urls = [
'http://www.google.com',
'http://www.microsoft.com',
'http://www.yahoo.com',
'http://www.facebook.com',
];

setInterval(function() 
    var rand = Math.floor(Math.random()*urls.length);
    document.getElementById('myiframe').src = urls[rand];
, 15000);

http://jsfiddle.net/samliew/C6CK5/

【讨论】：

所以你的意思是在可变网址中，我需要将所有这些 iframe 链接放在正文中，给一个 iframe 一个 id [myiframe]？

如果您懒得自己尝试，请看小提琴

好的，我试过了，但它显示一个空的 iframe

@Mayuresh 代码设置了一个定时器，每 15 秒运行一次函数。然后它从数组中随机选择一个 URL 并将其设置为 iframe 的源。但是，是的 - 单击 jsfiddle 链接以查看它的工作原理。

非常感谢。这很好用。