kleiner countdown
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
adresse
aktualisierung
bild
browser
code
countdown
dank
fehler
gutes gelingen
helfen
hilfe
http
jemand
page
sekunde
test
tip
trinken
url
wecker
-
Hallo
Also Ich möchte eine Page erstellen auf der echtzeit-bilder meiner webcam angezeigt werden.
Dises bilder werden alle 10 sekunden aktuallisiert. und um anzuzeigen wann das nächste bild kommt möchte ich einen kleinen countdown unter dem bild einfügen.
Der soll von 10-0 runter zählen und dann die gesammte seite neu laden (damit das neue bild angezeigt wird)
könnte mir da jemand weiter helfen?
ist sowas mit java möglich?
wenn nicht womit würds gehen?
wäre sehr dankbar
lg
Beitrag zuletzt geändert: 23.7.2010 14:54:50 von lol-fighter -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Falsches Forum.
was du meinst ist JavaSCRIPT, das hat bis auf den Namen nix mit Java zu tun.
Zu deinen Fragen:
Ja, das ist mit JavaScript möglich.
var t = 10; var interval; function count() { interval = window.setInterval("decrease()", 1000); } function decrease() { if(t > 0) { --t; document.getElementById('timer').innerHTML = t + ''; } else { window.clearInterval(interval); window.location.href = '<hier deine seite einfügen>'; } }
und im HTML-Code muss dann irgendwo noch
<div id="timer"></div>
eingefügt werden.
edit: aufrufen musst du die Funktion count() auch noch irgendwo
am besten mit
<body onload="count()">
mfg
ps: das ganze ist ungetestet
Beitrag zuletzt geändert: 23.7.2010 15:09:31 von syberpsace -
vielen dank.. könnte ein amdin bite das thema verschieben?
aber ich kenn mich da nicht so aus
wo bzw wie muss ich das script anwenden? muss dsa in ne externe datei oder wie?
wen ichs so wies da steht einfüge wird er auf der homepage als normaler text angeigt !?
und unter
window.location.href = '<hier deine seite einfügen>';
muss ich da den link reingeben vond er seite wo der counter hinsoll?
lg -
Lies dich doch bitte einfach in die JavaScript thematik ein
de.selfhtml.org sollte dir dabei helfen.
bei
window.location.href = '<hier deine seite einfügen>';
muss die Seite rein, die nach ablauf des Countdowns aufgerufen werden soll.
mfg -
danke
aber iregndwie funzt das nicht !?
quelltext sieht so aus
<html> <head> <title>Home-Webcam</title> <meta http-EQUIV="pragma" content="no-cache"> <script language="javascript"> var t = 10; var interval; function count() { interval = window.setInterval("decrease()", 1000); } function decrease() { if(t > 0) { --t; document.getElementById('timer').innerHTML = t + ''; } else { window.clearInterval(interval); window.location.href = '<http://lol-fighter.lima-city.de/Webcam/home.html>'; } } </script> </head> <body> <center> <img src="http://lol-fighter.lima-city.de/Webcam/kabcam.jpg"> <div id="t"></div> </center> </body> </html> -
weil es nicht
<script languag="javascript">
sonder
<script type="text/javascript">
sein müsste.
ausserdem rufst du die funktion count nie auf
dazu musst du
<body>
durch
<body onload="count()">
ersetzen
edit:
ausserdem muss
<div id="t">
richtigerweise
<div id="timer">
lauten
mfg
Beitrag zuletzt geändert: 23.7.2010 15:47:42 von syberpsace -
habs geändert aber funzt trotsdem noch nicht ?!
ich danke dir trotsdem schon mal sehr für deine hilfe ! -
es funzt sehrwohl:
du hast nur einen tippfehler
<script type="text/javascript> var t = 10;
hier fehlt ein "
nach javascript
edit:
und hier
window.location.href = '<http://lol-fighter.lima-city.de/Webcam/home.html>';
muss das < und > weg
mfg
Beitrag zuletzt geändert: 23.7.2010 15:47:20 von syberpsace -
ah jz gehts.. aber du hast nen tip fehler.. ich habs nur kopiert *gg*
trotsdem großer dankeschön an dich ! -
Kopiere diesen Quellcode in einen Editor und speichere ihn unter Test.htm auf deinen Webspace:
<html> <head> <script type="text/javascript"> var t = 10; var interval; function count() { interval = window.setInterval("decrease()", 1000); } function decrease() { if(t > 1) { --t; document.getElementById('timer').innerHTML = t + ' Sekunden.'; } else { window.clearInterval(interval); window.location.href = 'Test.htm'; } } </script> </head> <meta http-EQUIV="pragma" content="no-cache"> <title>Countdown</title> <body onload="count()"> <center> <img src="http://lol-fighter.lima-city.de/Webcam/kabcam.jpg"> <br> Nächste Aktualisierung in <div id="timer">10 Sekunden</div> </center> </body></html>
Noch nach belieben anpassen und fertig.
Beitrag zuletzt geändert: 23.7.2010 15:53:09 von tb-arnstorf -
hm soweit funkt es nur sobald der timer auf 0 ist läds kurz und dan kommt ne error page.. "seite konnte nicht gefunden werden"
hab schon andere adressen veruscht.. funktioniert nicht !?
geht bei beiden scripten nicht
edit:
doch jz gehts.. jz hatte ich nen tipp fehler ^^
ich danke euch beiden sehr für eure hilfe
edit2:
oke jz funznt alles nur1 noch nicht.. er aktuallisiert nicht richtig. sprich er läd das bild nicht neu erst wenn ich F5 drücke gehts.
liegt das am script oder am browser?
heir die adresse
http://lol-fighter.lima-city.de/Webcam/test.htm
lg
Beitrag zuletzt geändert: 23.7.2010 16:00:13 von lol-fighter -
lol-fighter schrieb: hm soweit funkt es nur sobald der timer auf 0 ist läds kurz und dan kommt ne error page.. "seite konnte nicht gefunden werden"
hab schon andere adressen veruscht.. funktioniert nicht !?
geht bei beiden scripten nicht
edit:
doch jz gehts.. jz hatte ich nen tipp fehler ^^
ich danke euch beiden sehr für eure hilfe
edit2:
oke jz funznt alles nur1 noch nicht.. er aktuallisiert nicht richtig. sprich er läd das bild nicht neu erst wenn ich F5 drücke gehts.
liegt das am script oder am browser?
heir die adresse
http://lol-fighter.lima-city.de/Webcam/test.htm
lg
Am Browser.
Da das Bild im Cache gespeichert wird.
füge das ganz oben ein:
<meta http-equiv="pragma" content="no-cache"> -
Am Browser.
Da das Bild im Cache gespeichert wird.
füge das ganz oben ein:
<meta http-equiv="pragma" content="no-cache">
Dieser meta-Eintrag wirkt sich leider nicht auf Grafiken aus
Teste mal diesen Code
<html> <head> <meta http-equiv="expires" content="3"> <meta http-EQUIV="pragma" content="no-cache"> <script type="text/javascript"> var t = 10; var interval; function count() { interval = window.setInterval("decrease()", 1000); } function decrease() { if(t > 1) { --t; document.getElementById('timer').innerHTML = t + ' Sekunden.'; } else { window.clearInterval(interval); window.location.href = 'Test.php'; } } </script> </head> <title>Countdown</title> <body onload="count()"> <center> <? $zahl = rand(); echo "<img src=\"http://lol-fighter.lima-city.de/Webcam/kabcam.jpg?".$zahl."\">"; ?> <br> Nächste Aktualisierung in <div id="timer">10 Sekunden</div> </center> </body></html>
Wichtig: Das ganze diesmal als Test.php speichern!
Beitrag zuletzt geändert: 23.7.2010 16:31:50 von tb-arnstorf -
lol-fighter schrieb:
ja damit funktionierts !
danke
Schön das es geholfen hat, und gutes gelingen für dei Projekt.
Beitrag zuletzt geändert: 23.7.2010 16:53:42 von tb-arnstorf -
sry muss nochmal stören.
Ich will hier echt keinem auf den wecker gehen oder so aber wäre toll wenn mir nochmal jemand helfen könnte :)
ist es recht kompliziert das script von tb-arnstorf so zumzuschreiben dass nur das bild neu läd und nicht die gesammte seite?
würde nähmlich gerne noch ein kleines flashgame einbetten doch das bringt nichts wenn das spiel alle 10 sekunden neu startet ^^
würde mich nochmals sehr über antwort freuen..
falls mich jemand von euch mal bei fortgehen sieht bekommt er was zu trinken von mir :D
lg -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
