• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Bild alle 10 Sekunden neu laden

Stevie04

Neues Mitglied
Hallo,
ich wollte fragen, wie man einstallen kann, dass ein Bild (bei mir ist es ein Globus mit Satelliten, der aktuallisiert werden muss, damit man die aktuelle Position der Satelliten sieht) alle 10 Sekunden automatisch neu geladen wird. Vielleicht per JavaScript? Ich bin mir aber nicht sicher. Kann mir jemand helfen?


P.S.: Danke schon mal für Antworten im Voraus!
 
Also erstmal Willkommen im Forum.
Und bevor du es dir falsch einprägst das ist ein (X)Html unterforum und Html ist nur zur logischen auszeichnung des Inhaltes dar.
D.h. es kann gar nicht mit Html funktionieren.
Aber nun zu deinem Problem:

Code:
<body onload="setTimeout('window.history.go(0)',10000)">

so müsste es eigentlich gehen.

Mfg tarik02

PS: nächstest mal erst einmal google befragen was der davon hält ;)
 
Nein, ich meinte, dass nur das Bild aktualisiert wird und nicht die ganze Seite. Wie geht das, dass nur das Bild aktuallisiert wird?
 
Hmm...
Bin zwar kein JS experte, aber währe es nit besser das
Code:
onload="setTimeout('window.history.go(0)',10000)"
in das img-Tag reinzumachen? Schließlich soll sich ja nur das reloaden und nicht das gesamte body sprich die gesamte seite...
Mfg Wikinger75!
 
Hmm...
Bin zwar kein JS experte, aber währe es nit besser das
Code:
onload="setTimeout('window.history.go(0)',10000)"
in das img-Tag reinzumachen? Schließlich soll sich ja nur das reloaden und nicht das gesamte body sprich die gesamte seite...
Mfg Wikinger75!
Ne das klappt nicht. Da passiert gar nichts.
 
Schauen wir doch einfach mal was unser Freund Google dazu sagt..


bild automatisch neu laden - Google-Suche

Bild automatisch neu laden | aus Forum JavaScript u.a. Script-Sprachen | wer-weiss-was
webcam-bild automatisch alle x sekunden neuladen (13.03.2003) | perlunity.de
SELFHTML Forumsarchiv / 2007 / August / Bild neu laden ohne Übergang

Ist bestimmt irgendwo was dabei, dass dir hilft.

Hmm...
Bin zwar kein JS experte, aber währe es nit besser das
Code:
onload="setTimeout('window.history.go(0)',10000)"
in das img-Tag reinzumachen? Schließlich soll sich ja nur das reloaden und nicht das gesamte body sprich die gesamte seite...
Mfg Wikinger75!

Das onload-Attribut darf afaik nur in <body> und in <frameset> verwendet werden.
 
Gleich beim ersten Treffer steht doch da...

Zitat aus SelfHTML^^
Webcam - Bild automatisch neu laden, nicht aber restliche Page

Die folgende Nachricht zum Thema stammt von: Clemens, 04. 04. 2002, 23:46
Hallo Leute!

Ich habe folgenden Code für eine Seite mit Webcam-Bild:

<html>
<head>
<title>WebCam</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Pragma" content="no-cache">

<script language="Javascript">
<!--
function refreshCam(){
rfsh = new Date() ; rfsh = "?"+rfsh.getTime()
document.images["webcam"].src = "webcam.jpg"+rfsh
setTimeout("refreshCam()", 5000)
}
//-->
</script>
</head>

<body>
<img src="webcam.jpg" name="webcam" width="176" height="144" border="0" alt="Webcam">

<script language="JavaScript">
<!--
if( document.images )
refreshCam();
//-->
</script>
</body>

</html>

Da steht doch schon die Lösung

Solltest einfach nochmal auch bei den anderen Sachen rumkucken was "Tar" gepostet hat, da findest du sicher noch was, was dir in den Kramm passt.

Mfg Wikinger75!
 
Gleich beim ersten Treffer steht doch da...

Zitat aus SelfHTML^^


Da steht doch schon die Lösung

Solltest einfach nochmal auch bei den anderen Sachen rumkucken was "Tar" gepostet hat, da findest du sicher noch was, was dir in den Kramm passt.

Mfg Wikinger75!
Da steht jedenfalls keine Lösung für mich.
 
Dann formulier bitte deine Frage neu, denn so wie ich deinen Text oben verstehe ist es genau dass, was hier als Lösung angeboten wird. Wenn du allerdings sagst, es ist nicht das, was du benötigst, haben wir dich wohl falsch verstanden.
 
onload gibt's zwar nicht in HTML, aber die Vielfalt bei Events ist trotzdem viel größer. Das ist auch ein Grund, warum man sie nicht benutzen sollte.

Code:
window.onload = function () {
    var img = document.getElementById("myimg");
    var url = img.src;

    var func = function () {
        img.src = url + "?" + new Date();
    }

    img.onload = setTimeout(func, 10000);
    setTimeout(func, 10000);
}
 
Zurück
Oben