✔ Countdown..

[Geflügel]

Folgendes:

1.) Ich habe eine Überschrift, die am Anfang ausgeblendet ist und nach 10 Sekunden (Countdown-Script) wieder eingeblendet werden soll. Aber das funktioniert nicht!?
2.) im Absatz <p>Noch..</p> will ich die 10 durch die Variable countdown ersetzen, damit man sieht, wieviel Sekunden noch verbleiben.

Ich hoffe echt, dass ihr mir hier nochmal helfen könnt. Kuss!!

<h1 id="hhh" style="visibility: hidden;">Testo</h1>

<p>Noch 10 Sekunden!!</p>

EDIT: Erledigt. Kannte .style.bla und innerHTML nicht.

<script language="Javascript">
	var countdown = 10;

	var ticker = window.setInterval( "Counter()", 1000 );

	function Counter ()
	{
		if ( countdown > 0 )
		{
			--countdown;
			alert ( countdown );
		}
		else
		{
			document.getElementById('hhh').visibility = 'visible';
			window.clearInterval( ticker );
		}
	}
</script>

 

[con-f-use]

Es empfiehtl sich hier statt setInterval() besser setTimeout() in der Countdown-Funktion zu verwenden. Denn selbst, das <p>-Element zucken jede Sekunde dumm rumm, weil die Funktion selbst nach ablauf immernoch jede Sekunde aufgerufen wird.
Außerdem ist nach W3-Standard das language-Attribut depreciated, benutze type="text/javascript"
Das aber nur vorweg.