jquery - 如何使用 jquery 动态更改 iframe 中的内容?

标签 jquery iframe

我想知道是否有可能拥有一个带有 iframe 和一些每 30 秒更改 iframe 内容的 jquery 代码的站点。内容在不同的网页中。

像这样:

<html>
  <head>
    <script type="text/javascript" src="jquery.js"></script>
    <script>
      $(document).ready(function(){
        var array = new array();
        array[0] = 'http://webPage1.com';
        array[1] = 'http://webPage2.com';
        // And so on.
        // Do something here to change the iframe every 30 second
      });
    </script>
  </head>
  <body>
    <iframe id="frame"></iframe>
  </body>
</html>

最佳答案

<html>
  <head>
    <script type="text/javascript" src="jquery.js"></script>
    <script>
      $(document).ready(function(){
        var locations = ["http://webPage1.com", "http://webPage2.com"];
        var len = locations.length;
        var iframe = $('#frame');
        var i = 0;
        setInterval(function () {
            iframe.attr('src', locations[++i % len]);
        }, 30000);
      });
    </script>
  </head>
  <body>
    <iframe id="frame"></iframe>
  </body>
</html>

关于jquery - 如何使用 jquery 动态更改 iframe 中的内容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1554396/

相关文章:

javascript - 如何访问 iframe DOM?

javascript - javascript 中的用户控件

javascript - 如何使用 js(或 moment.js)检查日期是否超过当前日期?

jquery - Bootstrap 嵌套 Accordion ,内部 div 不是面板

javascript - 显示互联网页面的 HTML

JavaScript - 检测跨域 iframe 中的滚动条?

javascript - fancybox beforeClose 问题

javascript - 如何从函数中删除 jquery 过滤器

jquery - 制作第一行的固定标题

javascript - UIWebView中如何判断iFrame加载完成