Countdown ohne Reload
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
-
Hi,
also ich kenne das von meinem Onlinegame. da aktualisiert sich die Zeit automatisch allerdings ohne irgendein Reload!!
Wie funktioniert so etwas??
mfg -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
sirseven schrieb:
Hi,
also ich kenne das von meinem Onlinegame. da aktualisiert sich die Zeit automatisch allerdings ohne irgendein Reload!!
Wie funktioniert so etwas??
mfg
Das geht mit PHP nicht.
Aber mit Javascript
Frag mal Bladehunter 
-
sirseven schrieb:
Mhm...ja aber wie?
kann mir wer anderer helfen?
Wie meinst du das mit aktualisierung?
Einfach ein Timer oder was?
Vieleicht so? (eigentlich geh?rt dies in die JavaScript abteilung):
Im Header:
<script language="JavaScript">
<!--
var actualDate,el;
function time() {
actualDate = new Date();
el = document.getElementById('timeDiv');
el.innerHTML = actualDate.getHours() + ':' + actualDate.getMinutes() + ':' + actualDate.getSeconds();
window.setTimeout('time()',1000);
}
//-->
</script>
Im Body Tag:
onload="time()"
... und im Body:
<div id="timeDiv"></div>
OK?
mfg,
hr -
hm, soweit ich deinen Code da oben verstehe, hast du eine Uhr geproggt.
Ich w?rde das so machen (im <body> notieren !):
<span id="countdowner"></span>
<script type="text/javascript">
function countdown(ele,starter)
{
ele.innerHTML=starter;
minus=(starter-1);
setTimeout('countdown(ele,'+minus+')',1000);
}
<?php //Hier werden dann die Countdownstartwerte ?bergeben, du kannst es auch ohne echo notieren, wenn du nicht gerade ein online Game hast.
echo 'countdown("countdowner",500);';
?>
</script>
Bei Fragen -->pn
Beitrag ge?ndert am 8.11.2005 12:18 von bladehunter -
2 Fragen:
1. hat ein span ein innerHTML?
2. Warum mit PHP?
<input value="0" type="text" readonly="readonly" id="XY" />
<script>
function countdown(ele,starter) {
document.getElementById(ele).value=starter;
starter--;
setTimeout('countdown("'+ele+'",'+starter+')',1000);
}
countdown('XY',500);
</script>
Der funktioniert jetzt 100% und so kurz wie m?glich. -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
