如何在屏幕保护程序等浏览器窗口下自动刷新多个网站页面？

Question

如何在屏幕保护程序等浏览器窗口下自动刷新多个网站页面？

Sen*_*eer 4 html javascript css

如何在一个浏览器下刷新多个网站页面？

例如.我有几个内部定制设计网站,我想在我的用户的大型LCD面板中显示,类似屏幕保护程序,但这是循环通过几个网页URL在全屏窗口(F11)

谢谢.

Answer 1

Mik*_*ace 12

我同意SLaks.您可以使用iframe将网站加载到您的网页中,并控制您显示的网页.您将无法控制iframe内部的任何内容,但您可以显示它.另外要注意像stackoverflow.com这样会破坏iframe的网站

这是我建立的一个例子,我认为这将有助于说明如何做到这一点.还有很多可以添加到其中以使其非常酷,或者它可以保持非常简单.

示例页面=> http://mikegrace.s3.amazonaws.com/forums/stack-overflow/example-show-multiple-pages-like-screensaver.html

<html>
<head>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  <script type="text/javascript" charset="utf-8">
    var sites = [
      "http://www.thinkgeek.com/",
      "http://www.artzstudio.com/2009/04/jquery-performance-rules/",
      "http://www.example.com"
    ];
    var currentSite = sites.length;

    $(document).ready(function () {
      var $iframe = $("iframe").attr("src","http://www.google.com");
      setInterval(function() {
        (currentSite == 0) ? currentSite = sites.length - 1 : currentSite = currentSite -1;
        $iframe.attr("src",sites[currentSite]);
      }, 7000);
    });
  </script>  
  <style type="text/css" media="screen">
    iframe {
      height: 100%;
      width: 100%;
      border: none;
    }
  </style>
</head>
<body>
  <iframe></iframe>
</body>
</html>

Run Code Online (Sandbox Code Playgroud)

归档时间：	14 年，11 月前
查看次数：	9717 次
最近记录：	6 年，1 月前