settimeout und Zeit anzeigen
fian03
- javascript
Hallo
ich habe auf meiner ASP-Seite ein Timeout von 300 sEkunden. Nun will ich dem User aber auch anzeigen wieviel Zeit schon abgelaufen ist. Kann ich einfach die Zeit in eine Vraieble geben und anzeigen oder könnt ihr mir einen Tipp geben wie ich das realisieren kann?
Vielen Dank im Voraus
Gruß Hannah
hi,
ich habe auf meiner ASP-Seite ein Timeout von 300 sEkunden. Nun will ich dem User aber auch anzeigen wieviel Zeit schon abgelaufen ist. Kann ich einfach die Zeit in eine Vraieble geben und anzeigen oder könnt ihr mir einen Tipp geben wie ich das realisieren kann?
in dem du stattdessen setInterval mit einem zeitraum von 1000 millisekunden benutzt, und einen zähler mitlaufen lässt, dessen wert du dann anzeigst.
gruß,
wahsaga
Danke!!!
Ich werde es morgen versuchen und mich nochmal melden wenn ich es nicht hinbekomme :)
Bis dann und nochmal danke
gruß fian03
hi,
Nun will ich dem User aber auch anzeigen wieviel Zeit schon abgelaufen ist. Kann ich einfach die Zeit in eine Vraieble geben und anzeigen oder könnt ihr mir einen Tipp geben wie ich das realisieren kann?
mit einem timeout oder interval fragst Du kontinuierlich die Anzahl von millisekunden ab einem bestimmten Zeitpunkt ab. Lies Dich also mal in setTimout/Intervall und das date Objekt ein. Zur Anregung ein kleiner Test:
<html>
<head>
<script language="JavaScript" type="text/javascript">
function startTimer() {
startZeit = new Date(); // startzeitpunkt
startZeit = startZeit.getTime(); // millisekunden
timer();
}
function timer() {
zeit = new Date(); // aktueller zeitpunkt
zeit = zeit.getTime(); // in millisekunden
laufZeit = Math.floor((zeit - startZeit)/1000);
laufSec = laufZeit % 60;
laufSec = ((laufSec < 10) ? "0" : "") + laufSec;
laufMin = Math.floor(laufZeit / 60);
laufMin = ((laufMin < 10) ? "0" : "") + laufMin;
document.feld.uhr.value = laufMin+":"+laufSec;
setTimeout('timer()',50);
}
</script>
</head>
<body>
<form name="feld">
<input name="uhr" type=text size="30" maxlength="30">
<input type="button" value="Uhr starten" onclick="startTimer()">
</form>
</body>
</html>
hth + Gruesse, Joachim
Hallo
danke für eure Hilfe!
jetzt funktioniert es!!!!
<script type="text/javascript">
<!--
function init() {
startZeit = 300000
zaehler = 0
timer(); --> zur Anzeige
setTimeout("test.asp",300000); --> das eigentliche Timeout
}
function timer() {
zaehler = zaehler + 1000
laufZeit = Math.floor((startZeit - zaehler)/1000);
laufsek = Math.floor((startZeit - zaehler)/1000);
laufsek = ((laufsek < 10) ? "0" : "") + laufsek;
document.frage.uhr.value = laufsek;
setTimeout('timer()',1000);
}
//-->
</script>
Gruß und nochmal danke
Fian03