Problem mit Countdown

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

Autor dieses Themas

das-koenigreich hat kostenlosen Webspace.

14:09, 10.5.2009

Ich lerne seit gestern Abend Javascript, d.h. ich kann noch fast garnichts. Einige Dinge habe ich bereits zum Luafen gebracht, scheitere jedoch an einem einfachen Countdown. Ich finde den Fehler einfach nicht. Warscheinlich habe ich alles falsch gemacht, was man nur falsch machen kann.

<script type="text/javascript">
countdown(40);

function countdown (sekunden) {


var zeigen_sekunden = sekunden;


while (zeigen_sekunden > 59) {

zeigen_minuten++;
var zeigen_sekunden = zeigen_sekunden - 60;
}


while (zeigen_minuten > 59) {

zeigen_stunden++;
var zeigen_minuten = zeigen_minuten - 60;
}


document.getElementById('test').innerHTML = 'Stunden: ' + zeigen_stunden + 'Minuten: ' + zeigen_minuten + 'Sekunden: ' + zeigen_sekunden;


sekunden--;

if(sekunden > 0) {
window.setTimeout("countdown (" + sekunden + ")", 1000);
}


}



</script>

<div id="test"></div>

Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

lima-city: Gratis werbefreier Webspace für deine eigene Homepage

~~f************r~~

19:06, 10.5.2009

Hi,
Du musst die Variablen zeigen_xxx erst definieren!
Und die Javascript-Funktion rufst du über

<body onload="countdown(40);">

auf!

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
             "http://www.w3.org/TR/html4/transitional.dtd">
<html>
<head>
	<title>Countdown</title>
    <script language="JavaScript" type="text/javascript">
	function countdown(sekunden) 
	{	
		var zeigen_sekunden = sekunden;
		var zeigen_minuten = 0;
		var zeigen_stunden = 0;
		while (zeigen_sekunden > 59) 
		{
			zeigen_minuten++;
			zeigen_sekunden = zeigen_sekunden - 60;
		}
		while (zeigen_minuten > 59) 
		{
			zeigen_stunden++;
			zeigen_minuten = zeigen_minuten - 60;
		}
		document.getElementById('test').innerHTML = 'Stunden: ' + zeigen_stunden + ' Minuten: ' + zeigen_minuten + ' Sekunden: ' + zeigen_sekunden;
		sekunden--;
		if(sekunden > 0) {
		window.setTimeout("countdown (" + sekunden + ")", 1000);
		}
	}
	</script>
</head>
<body onload="countdown(40);">
    <div id="test"></div>
</body>
</html>

Steffen

Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

lima-city bietet dir kostenlosen und werbefreien Speicherplatz für Deine Homepage. Sofort anmelden und direkt loslegen mit Webspace, PHP, Datenbanken, günstigen Domains und einer tollen Community!

kostenloser Webspace werbefrei: lima-city