首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何像屏幕保护程序一样在一个浏览器窗口下自动刷新多个网站页面?

如何像屏幕保护程序一样在一个浏览器窗口下自动刷新多个网站页面?
EN

Stack Overflow用户
提问于 2010-12-02 21:51:44
回答 3查看 10.5K关注 0票数 4

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

例如:我有几个内部自定义设计网站,我想显示在大液晶屏上为我的用户,类似于屏幕保护程序,但这是循环通过几个网页网址在全屏窗口(F11)

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2010-12-03 01:36:51

我同意SLaks的观点。您可以使用iframe将站点加载到页面中,并控制显示哪些页面。您将无法控制iframe中的任何内容,但您将能够显示它。也要小心那些会从iframe中爆出的站点,比如stackoverflow.com

这是我构建的一个示例,我认为它将有助于说明如何做到这一点。还有更多的东西可以添加到其中,让它变得非常酷,或者它可以非常简单。

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

代码语言:javascript
复制
<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>
票数 12
EN

Stack Overflow用户

发布于 2010-12-02 21:55:46

您可以创建一个<iframe>标签,然后使用Javascript在setInterval回调中设置它的src

票数 3
EN

Stack Overflow用户

发布于 2012-08-17 20:22:53

一种有效的方法是拥有一个主窗口和一些从属窗口。主窗口将触发一个到从窗口的事件(然后由你来做你想做的事情)。以这种方式,它们应该总是同步的(我可以想象这在您的情况下很重要)。查看this post以了解如何完成此任务

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/4335702

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档