javascript - 在 Iframe 中旋转 URL

Question

我有 10 个不同的 url，我想将它们输入到 iframe src 属性中，我还想在 iframe 中的所有 10 个 url 之间每 5 秒轮换一次。

不确定如何使用 javascript/最佳方法做到这一点？

抱歉，应该提到我正在使用 IE6。

谢谢。

Answer 1

<iframe id="rotator" src="http://...first"></iframe>

<script>
// start when the page is loaded
window.onload = function() {

  var urls = [
    "http://...first",
    "http://...second",
    // ....
    "http://...tenth" // no ,!!
  ];

  var index = 1;
  var el = document.getElementById("rotator");

  setTimeout(function rotate() {

    if ( index === urls.length ) {
      index = 0;
    }

    el.src = urls[index];
    index  = index + 1;

    // continue rotating iframes
    setTimeout(rotate, 5000);

  }, 5000); // 5000ms = 5s
};
</script>