2
IFrame auf Website aktualisieren
Hallo zusammen,
ich habe folgende Website gebaut, um im 1. Frame eine Excel von OneDrive darzustellen und im 2. Frame einen Countdown. Jetzt möchte ich, dass sich der 1. Frame regelmäßig aktualisiert, dass er sich die in OneDrive neu eingegeben Werte zieht. Ist das möglich und wenn ja, wie?
Wenn ich die ganze Seite aktualisiere, habe ich das Problem, dass der Countdown neu startet.
Vielen Dank vorab für eure Hilfe und Ideen!
ich habe folgende Website gebaut, um im 1. Frame eine Excel von OneDrive darzustellen und im 2. Frame einen Countdown. Jetzt möchte ich, dass sich der 1. Frame regelmäßig aktualisiert, dass er sich die in OneDrive neu eingegeben Werte zieht. Ist das möglich und wenn ja, wie?
Wenn ich die ganze Seite aktualisiere, habe ich das Problem, dass der Countdown neu startet.
Vielen Dank vorab für eure Hilfe und Ideen!
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<meta name="apple-mobile-web-app-capable" content="yes"/>
<title>Dashboard</title>
<link rel="shortcut icon" type="image/x-icon" href="Icon.ico">
<style>
body {
background-color: black;
text-align: center;
}
</style>
</head>
<body>
<iframe src="https://1drv.ms/x/c/a6fadcb0ba19e818/IQSr2OVcA7ktRaUc_dwa7whWAUBQdeuL1L5ZUYBlvnYsmow
?wdHideSheetTabs=True&wdAllowInteractivity=False&wdHideGridlines=True&wdHideHeaders=True"
width="486"
height="766"
frameborder="0"
scrolling="no"></iframe>
<iframe
src="https://webuhr.de/embed/timer/#countdown=00:06:00&showmessage=0&theme=1&color=0&m=0&sound=classic"
width="400"
height="766"
frameborder="0"></iframe>
</body>
</html>
Auf Facebook teilen
Auf X (Twitter) teilen
Auf Reddit teilen
Auf Linkedin teilenBitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben
Content-ID: 671398
Url: https://administrator.de/forum/iframe-auf-website-aktualisieren-671398.html
Ausgedruckt am: 25.03.2025 um 21:03 Uhr
2 Kommentare
Neuester Kommentar
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<meta name="apple-mobile-web-app-capable" content="yes"/>
<title>Dashboard</title>
<link rel="shortcut icon" type="image/x-icon" href="Icon.ico">
<style>
body {
background-color: black;
text-align: center;
}
</style>
<script>
const URL = "https://1drv.ms/x/c/a6fadcb0ba19e818/IQSr2OVcA7ktRaUc_dwa7whWAUBQdeuL1L5ZUYBlvnYsmow?wdHideSheetTabs=True&wdAllowInteractivity=False&wdHideGridlines=True&wdHideHeaders=True"
function UpdateFrame(){
document.getElementById("pageframe").src = URL + "&" + Date.now();
}
document.addEventListener("DOMContentLoaded", (e) => {
window.setInterval(UpdateFrame, 5000);
});
</script>
</head>
<body>
<iframe id="pageframe" src="https://1drv.ms/x/c/a6fadcb0ba19e818/IQSr2OVcA7ktRaUc_dwa7whWAUBQdeuL1L5ZUYBlvnYsmow?wdHideSheetTabs=True&wdAllowInteractivity=False&wdHideGridlines=True&wdHideHeaders=True"
width="486"
height="766"
frameborder="0"
scrolling="no"></iframe>
<iframe
src="https://webuhr.de/embed/timer/#countdown=00:06:00&showmessage=0&theme=1&color=0&m=0&sound=classic"
width="400"
height="766"
frameborder="0"></iframe>
</body>
</html>https://www.w3schools.com/howto/howto_js_countdown.asp
1
Danke, hat geklappt, genau das habe ich gesucht.
Wieso überhaupt nein Counter über nen iframe?? Sowas baut man sich schnell selbst mit JavaScript ...
https://www.w3schools.com/howto/howto_js_countdown.asp
Einfach Faulheit, die Lösung klappt gut für mich und ging schnell, aber werde ich mir bei Gelegenheit mal anschauen, danke.https://www.w3schools.com/howto/howto_js_countdown.asp
