Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag28.03.2011 um 11:17 (UTC)    
Titel: Rückwärtszähler

hier mal einen Zähler der Sekunden rückwärts zählt bis 0

<html>
<head>

<title>Countdown</title>
<script type="text/javascript">
var sek = 12; // Die Anzahl der Sekunden
// Rufe jede Sekunde die Funktion countdown() auf
var aktiv = window.setInterval("countdown()", 1000);
function countdown ()
{
// Die verbleibenden Sekunden ins <span>-Element schreiben
document.getElementById("count").innerHTML='Sie werden in '+ sek + ' Sekunden weiter geleitet';
// Wenn die Zeit abgelaufen ist, ...
if(sek == 0) {
// ... nicht mehr jede Sekunde diese Funktion aufrufen
window.clearInterval(aktiv);
// ... Ausgabe bei abgelaufender Zeit
document.getElementById("count").innerHTML='<a href="test.zip">
<img src="download-button.gif"></a>';
}
// Die Sekunden um 1 runterzaehlen
sek --;
}
</script>
</head>
<span id="count"></span>
</html>

rot eure Zeitangabe die gezählt werden soll
blau euer Text der erscheinen soll beim zählen
grün hier könnt ihr ein Bild einfügen was nach Ende erscheinen soll

das einzige was ich noch nicht raus bekommen habe ist wie ich die Schrift verändernkann größe / Typ / Farbe da bräuchte ich eure Hilfe mal wäre nett wenn mir da jemand einen Tip geben könnte.

Wie es aussieht kann man zur Zeit auf der Seite Test auf unser Homepage sehen


Zuletzt bearbeitet von micawa am 28.03.2011, 12:21, insgesamt einmal bearbeitet
Beitrag28.03.2011 um 12:32 (UTC)    
Titel:

Erstmal als Tipp allgemein: entferne

Zitat:
<html>
<head>

<title>Countdown</title>

...

</script>
</head>

...

</html>


und springe nicht in die nächste Zeile vor
Zitat:
<img src="download-button.gif"></a>';



Jetzt zur Schrift:
Die aktuelle Ausgabe wird immer hierein geschrieben:
Zitat:
<span id="count"></span>


Du musst also das formatieren, z. B. so:
Zitat:
<span id="count" style="color: Schriftfarbe; font-family: Schriftart; font-size: Schriftgrößepx; font-weight: bold; font-style: italic; text-decoration: underline;"></span>


mfg

PS: Mein Code hätte es auch getan...
http://www.homepage-baukasten.de/forum/viewtopic.php?t=129482
______________



Zuletzt bearbeitet von 3fragezeichen am 28.03.2011, 13:34, insgesamt einmal bearbeitet
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de