PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : Countdown der Hintergrundfarbe ändert


Tomi
2008-01-23, 20:04:45
Bastel gerade ne index.html und hab ne "tolle" ;) Idee, aber keine Ahnung zur Umsetzung. Hab einen weißen Hintergrund mitsamt schwarzem Text. Möchte nun einen sichtbaren ablaufenden Countdown (ca. 5 Sekunden) und nach Ablauf wird die Seite schwarz und bleibt es bis zum Reload. Bin HTML Laie und Java Noob. Wie krieg ich sowas hin?

DanMan
2008-01-23, 20:35:46
Javascript und Google.

[Fox]
2008-01-24, 16:41:21
Habt zwar auch nicht wirklich viel Ahnung von Javascript aber so weit hab ich das hin bekommen.
<HTML>
<HEAD>
<TITLE></TITLE>
<style>
.pos{
position: absolute;
color: #000000;
font-size: 50px;
}
</style>
<script>
var counter = 10; //hier die länge des Countdowns eingeben
function cdown(){
if(document.layers){
if(counter == 0){
document.body.style.cssText="background-color:black";

}else{
with(document.layers['counttxt'].document){
open()
write(counter);
close();
}
}
} else {
if(counter == 0){
document.body.style.cssText="background-color:black";
}else{
document.all['counttxt'].innerHTML = counter;
}
}
counter--;
setTimeout('cdown()',1000);
}
</script>
</HEAD>
<BODY onLoad="cdown()">
<div align="center"><div id="counttxt" class="pos"></div></div>
</BODY>
</HTML>