Bild automatisch neu laden

Computer: Software & Programmierung JavaScript & Script-Sprachen
#1

Hi,

ich habe ein Programm, das mit meiner Webcam alle 30 Sekunden ein Bild macht und auf meinen FTP-Server hochlädt.

Dazu habe ich eine .htm-Datei, die das aktuelle Bild anzeigt.
Ich hätte nun gerne zwei Sachen:

  1. Das Bild in der Webseite soll alle 30 Sekunden automatisch neu geladen werden.
  2. Um anzuzeigen, wann dies passiert, soll unter dem Bild ein Zähler sein.

Folgendes ist der Code, den ich bereits habe - da passiert aber gar nichts…

Live Webcam stream from my Laptop<!–
var ct = 30;
function countdown()
{
ct -= 1;
document.getElementById(‚timer‘).innerHTML=ct;
if (ct <= 0)
{
refreshIt();
}
setTimeout(‚countdown()‘,1000);
}

function refreshIt() {
if (!document.images) return;
document.images[‚capture‘].src = ‚capture.jpg‘;
ct = 30;
}
//–>

Image refreshing in 30 seconds.

Was mache ich falsch?

#2

Hallo WhiteAvenger,

nimm’ mal den Code hier. Den hab’ ich selbst von irgendwo her:

var camImage = 'meinBild.jpg';
var refreshIntervalSeconds = 2;
var secondsLeft = refreshIntervalSeconds;

function startClock() {
 if (secondsLeft \> 0) {
 secondsLeft = secondsLeft - 1
 timerID = setTimeout('startClock()', 1000);
 } else {
 date = new Date();
 imageNumber = date.getTime();
 document.webCamImage.src = camImage + '?' + imageNumber;
 secondsLeft = refreshIntervalSeconds;
 startClock();
 }
}

Und dann im HTML-Code:

Schöne Grüße,

Mohamed.

#3

Hallo WhiteAvenger,

nimm’ mal den Code hier. Den hab’ ich selbst von irgendwo her:

Schöne Grüße,

Mohamed.

Da passiert bei mir gar nichts…

#4

Der Code sieht auf den ersten Blick richtig aus.

Was mache ich falsch?

Ich denke das es daran liegen koennte das er das Bild aus dem BrowserCache laedt.
Das kannst du umgehen, in dem du an das Bild eine zufaellige GET-Variable beim Neuladen anhaengst.

function refreshIt() {
if (!document.images) return;
document.images[‚capture‘].src = ‚capture.jpg?r=‘ + Math.random();
ct = 30;
}

Gruesse
Stefan

#5

Da passiert bei mir gar nichts…

Natürlich musst du an allen Stellen den Namen Deiner Bilddatei einsetzen.

#6

Der Code sieht auf den ersten Blick richtig aus.

Was mache ich falsch?

Ich denke das es daran liegen koennte das er das Bild aus dem
BrowserCache laedt.
Das kannst du umgehen, in dem du an das Bild eine zufaellige
GET-Variable beim Neuladen anhaengst.

Das klingt gut, das werde ich vielleicht mal probieren.

Mein Problem ist nur, dass gar nichts passiert.
Kein Countdown, nichts…
Wenn ich im Code eine AlertBox aufrufe, erscheint die auch nicht, der Code scheint also gar nicht erst ausgeführt zu werden.

Liegt das am Browser (Firefox) oder an was Anderem?

#7

irgentwo muss es ja mal gestartet werden :smile:

[Bei dieser Antwort wurde das Vollzitat nachträglich automatisiert entfernt]

#8

irgentwo muss es ja mal gestartet werden :smile:

Wie seltsam… Ich bin sicher, dass ich das schon mal probiert hatte.
Vielleicht habe ich mich vertippt oder den falschen Syntax verwendet…

Auf jeden Fall geht es jetzt. Danke!