我正在开展一个项目,我有2个iframe显示不同的网址。我需要获取第一个iframe,并让该页面每60秒循环显示3或4个不同的URL。因此,例如,它会在iframe中显示http://stackoverflow.com 60秒,然后显示http://google.com 60秒,然后显示另一个网站,依此类推。以下是我的拆分iframe页面的代码:
<%@ Page Title="ALM Dashboard View" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="dashboard.aspx.cs" Inherits="WebApplication1.bookings" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
# This is the frame I need to cycle through multiple sites
<iframe src="https://site1" width="50%" height="1200">
<p>
Your browser does not support Iframes</p>
</iframe>
# This is the static frame
<iframe src="http://site2" width="49%" height="1200">
<p>
Your browser does not support Iframes</p>
</iframe>
</asp:Content>
我怎样才能每60秒循环一次不同的网址?
答案 0 :(得分:0)
这样的东西会起作用......我对网址的顺序进行了调整,但你可以轻松地遍历它们。 https://jsfiddle.net/jx8kmnq6/
<script>
var url = ['website1.com','website2.com','website3.com']
var length = url.length;
var d = Math.floor(Math.random() * length)
window.setInterval(function(){
changeUrl();
}, 60000);
function changeUrl(){
$("#iframeId").attr('src',url[d]);
}
</script>