nicht angemeldet
Moin!
Ja! Es ist ganz simpel.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Back-Counter mit JS von fastix®, dem lieben!</title>
</head>
<script type="Text/JavaScript">
<!--
var counter=100;
window.setTimeout('zaehler()', 100)
// dies ruft nach 100 Millisekunden die Funktion zaehler() auf.
function zaehler() {
counter=counter-1;
// oh! eins weniger...
newWidth=(counter)+"px";
// das ergibt "99px"; "98px"...
document.getElementById('graph').style.width = newWidth;
// das Schreiben wir dem Image in den Style
if (counter > 0) {
// Prüfen, ob wir fertig sind
window.setTimeout('zaehler()', 100)
// wenn nicht rufen die Funktion in genau 100 Millisekunden wieder auf.
} else {
alert("down!")
// oder brüllen: Fertig, Oma!
}
//-->
</script>
<body >
<!-- Ja, klar. Wir brauchen ein Bild... -->
<img id="graph" style="height:10px;width:100px" src="blau.gif" alt="Rückschrittsbalken">
</body>
</html>
MFFG (Mit freundlich- friedfertigem Grinsen)
fastix®
Als Freiberufler bin ich immer auf der Suche nach Aufträgen: Schulungen, Development. Auch für seriöse Agenturen.