如何在一个浏览器下刷新多个网站页面的循环?
例如我有几个内部自定义设计网站,希望在大LCD面板中为我的用户显示,有点像屏幕保护程序,但这是在全屏窗口(F11)中循环浏览多个Web URL]
我同意SLaks。您可以使用iframe将网站加载到页面中并控制显示的页面。您将无法控制iframe内的任何内容,但可以显示它。另外,请注意那些会掉出iframe的网站,例如stackoverflow.com
这是我构建的一个示例,我认为这将有助于说明如何完成此操作。可以添加更多内容以使其真正酷,或者可以保持非常简单。
<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>
您可以制作一个<iframe>
标记,然后使用Javascript在src
回调中设置其setInterval
。
一种有效的方法是拥有一个主窗口,而有一些从属窗口。主窗口将向从属窗口触发一个事件(由您决定,然后执行您想要的操作)。以这种方式,它们应该始终保持同步(我想这对您来说很重要)。查看this post以了解如何完成此任务
脚本总是在几个小时后炸毁,您想使用http://dashboardrotator.com/之类的工具。它将为您管理内存,并确保您的浏览器不会崩溃。