【问题标题】:How to Change iframe every 10 sec [closed]如何每 10 秒更改一次 iframe [关闭]
【发布时间】:2013-05-25 19:13:45
【问题描述】:

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

【问题讨论】:

  • 你说的改变是什么意思?
  • 请给我详细的代码 这不是你在stackoverflow中ask的方式。
  • @mayuresh:请做一些研究,尝试一些代码,使用谷歌,然后,如果你仍然觉得困难,用相关代码发布一个关于 SO 的问题。
  • @Mayuresh 仍然不知道你所说的改变是什么意思!改变内容?
  • @fGo 是的!我想创建一个可以显示动态内容的框。

标签: javascript iframe


【解决方案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 链接以查看它的工作原理。
  • 非常感谢。这很好用。
猜你喜欢
  • 1970-01-01
  • 2012-05-09
  • 1970-01-01
  • 1970-01-01
  • 2014-05-03
  • 2015-12-25
  • 1970-01-01
  • 1970-01-01
  • 2021-01-13
相关资源
最近更新 更多