3
Ich versuche eine Webseite einzurichten, um die Kamera-Feeds für meine Arbeit anzuzeigen. Wir haben derzeit 4 Kameras und wir bekommen noch eine. Wie Sie sich vorstellen können, passt 5 nicht sehr gut auf eine Webseite. Ich habe ein Skript gefunden, um die Quelle von Iframes alle x Sekunden zu ändern, damit ich einen meiner Iframes zwischen zwei Feeds hin und her schalten kann. Dieses Skript bewirkt jedoch, dass die Quelle nach jeder Drehung der beiden auf "undefiniert" wechselt. Fehle ich etwas?Iframe ändert src alle X Sekunden
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Live Camera Feed</title>
<link rel="stylesheet" href="style.css">
<script type="text/javascript">
var links = ["https://192.168.10.123/NW_Corner/push.php","https://192.168.10.123/NE_Corner/push.php"];
var i = 0;
var renew = setInterval(function(){
document.getElementById("frame").src = links[i];
if(links.length == i){
i = 0;
}
else i++;
},5000);
</script>
</head>
<body>
<table width="75%" height="75%">
<tr>
<td><iframe width="1280" height="720" src="https://192.168.10.123/Driveway/push.php" width="75%" height="75%"></iframe></td>
<td><iframe width="1280" height="720" src="https://192.168.10.123/South_Door/push.php" width="75%" height="75%"></iframe></td>
</tr>
<tr>
<td><iframe id="frame" width="1280" height="720" src="https://192.168.10.123/NW_Corner/push.php" width="75%" height="75%"></iframe></td>
<td><iframe width="1280" height="720" src="https://192.168.10.123/NE_Corner/push.php" width="75%" height="75%"></iframe></td>
</tr>
</table>
</body>
</html>
Problem hier ist, versuchen Sie ein Element zu verwenden, das in der Ansicht noch nicht stattfindet. Platziere deinen '