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

问题描述 投票:4回答:4

如何在一个浏览器下刷新多个网站页面的循环?

例如我有几个内部自定义设计网站,希望在大LCD面板中为我的用户显示,有点像屏幕保护程序,但这是在全屏窗口(F11)中循环浏览多个Web URL]

javascript html css
4个回答
12
投票

我同意SLaks。您可以使用iframe将网站加载到页面中并控制显示的页面。您将无法控制iframe内的任何内容,但可以显示它。另外,请注意那些会掉出iframe的网站,例如stackoverflow.com

这是我构建的一个示例,我认为这将有助于说明如何完成此操作。可以添加更多内容以使其真正酷,或者可以保持非常简单。

示例页面=> 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>

3
投票

您可以制作一个<iframe>标记,然后使用Javascript在src回调中设置其setInterval


1
投票

一种有效的方法是拥有一个主窗口,而有一些从属窗口。主窗口将向从属窗口触发一个事件(由您决定,然后执行您想要的操作)。以这种方式,它们应该始终保持同步(我想这对您来说很重要)。查看this post以了解如何完成此任务


1
投票

脚本总是在几个小时后炸毁,您想使用http://dashboardrotator.com/之类的工具。它将为您管理内存,并确保您的浏览器不会崩溃。

© www.soinside.com 2019 - 2024. All rights reserved.