Question

我尝试为我们的学校大厅编写信息屏幕。我们的时间表可以在互联网页面上找到，但它看起来不是很好，你只能同时显示一个房间的入住率。所以我尝试在html / css中编写标题和侧边栏，并通过javascript和iFrame切换在线房间占用表，我可以在firefox全屏模式下显示。所以我想做的就是每隔10秒将一个新的外部页面加载到我的iFrame中。所以我尝试了这个：

$( document ).ready(function() {

var counter = 1;

setInterval(function() {

    var jetzt = new Date(Date.now());
    var date = jetzt.toISOString().split("T")[0];

    switch (counter) {
        case 0:
            $( "#welcome" ).css("background-color", "#ffffff");
            $( "#welcome" ).css("color", "#000000");
            $( "#013" ).css("background-color", "#F39100");
            $( "#013" ).css("color", "#ffffff");
            $( "contentFrame" ).attr('src', 'welcome.html');
            break;
        case 1:
            $( "#004" ).css("background-color", "#ffffff");
            $( "#004" ).css("color", "#000000");
            $( "#welcome" ).css("background-color", "#F39100");
            $( "#welcome" ).css("color", "#ffffff");
            $( "contentFrame" ).attr('src', "https://splan.fh-rosenheim.de/splan/mobile?lan=de&sel=ro&pu=12&ro=318&sd=true&dfc=" + date + "&loc=4&sa=false&cb=o&act=print&html=true");
            break;
        case 2:
            $( "#005" ).css("background-color", "#ffffff");
            $( "#005" ).css("color", "#000000");
            $( "#004" ).css("background-color", "#F39100");
            $( "#004" ).css("color", "#ffffff");
            $( "contentFrame" ).attr('src', "https://splan.fh-rosenheim.de/splan/mobile?lan=de&sel=ro&pu=12&ro=319&sd=true&dfc=" + date + "&loc=4&sa=false&cb=o&act=print&html=true");
            break;

            ...

        counter = (counter + 1)%8;

}, 3000);
});

该脚本适用于css更改，它们每三秒更改一次（测试时间较短），但我的iFrame内容保留在第一个加载的内容中，无论它是什么。我首先尝试加载一个房间占用桌 - 它的工作原理。然后我尝试了我的欢迎页面 - 它也有效。但是，如果我改变iframe的src属性没有任何反应。在某些页面上我已经阅读了如果它不起作用我应该尝试以下代码：

<object>.contentWindow.location.reload(true);

但如果我打电话

，它只会崩溃我的整个剧本

$( "contentFrame" ).contentWindow.location.reload(true);

我做错了什么？如何强制iFrame加载新来源？

谢谢和最好的问候

CHRISS

IFrame不会加载内容

0 个答案: