countdown bis 2005

T

The_MACman

Mitglied
Hallo,
also es ist mir ja schon fast peinlich den 43. Countdown Thread aufzumachen aber ich habe gesucht und nix richtiges gefunden ! Ich suche einfach einen Countdown der mit tage stunden minuten und sekunden bis zum jahreswechsel 2005 ausgibt ! Das möglichst einfach als text ! Also NICHT in einem Textfeld! und wenn das gänge ohne ein onload im body und ohne das ein großteil des Scriptes im head stehen muss ... das wäre praktisch ! WENN DAS GEHT !

Vielen DANK !

MfG The_MACman
 
HTML: 
<html><head><title>Sylvester Countdown</title>
  
<script type="text/javascript"><!--
 
 	window.onload=newyearcount;
 
 	var today = new Date();
 	var newyear = new Date(today.getFullYear()+1,0,1,0,0,0);
 	var sec = Math.round((newyear.getTime() - today.getTime())/1000);
 
 	function newyearcount() {
 		if (sec > 0) {
 			s=sec;
 			d = Math.floor(s / 86400)
 			h = Math.floor((s % 86400) / 3600);
 			m = Math.floor((s % 3600) / 60);
 			s = s % 60;
 			
 			display = "Noch " + ((d>0) ? d + ((d==1)? " Tag, " : " Tage, ") : "") +
 		    	((h>0) ? + h + ((h==1)? " Stunde, " : " Stunden, ") : "") +
 		    	((m>0) ? + m + ((m==1)? " Minute" : " Minuten") : "") +
 		    	((s>0) ? " und " + s + ((s==1)? " Sekunde" : " Sekunden") : "") +
 				" bis Neujahr";
 
 			sec--;
 			setTimeout("newyearcount()",999);
 		} else {
 			display = "Neujahr!"
 		}
 
 		if (document.getElementById) { document.getElementById('countdown').innerHTML = display; }
 		else if (document.all) { document.all.countdown.innerHTML = display; }
 		else if (document.layers) {
 			document.layers['countdown'].document.clear();
 			document.layers['countdown'].document.write(display);
 			document.layers['countdown'].document.close();
 		}
 	}
 
 //--></script></head><body>
 
 <script type="text/javascript"><!-- 
 	if(document.layers) document.write('<layer id="countdown"></layer>');
 	else document.write('<div id="countdown"></div>');
  //--></script>
 
 </body></html>
Den JavaScript-Code kannst du auch in eine seperate Datei packen und dann über <script type="text/javascript" src="http://www.bla.de/beispiel.js"> aufrufen. In der html-Datei muss nur ein textfähiger Tag mit der id="countdown" sein. Der layer innerhalb des Tags ist wichtig, wenn das script auch in älteren Browsern funktionieren soll. Soll es das nicht kannst du auch die ruckelfreie, abgespeckte Variante verwenden:
HTML: 
Noch <span id="d"></span> Tage, 
 <span id="h"></span> Stunden, 
 <span id="m"></span> Minuten und 
 <span id="s"></span> Sekunden bis WasAuchImmer
 
 <script type="text/javascript"><!--
 
 	var today = new Date();
 	var newyear = new Date(2006,0,1,0,0,0); // Hier das Datum Eintragen
 	// Format: Jahr,Monat-1,Tag,Stunde,Minute,Sekunde
 	var sec = Math.round((newyear.getTime() - today.getTime())/1000);
 	
 	function count(timeleft) {
 		if (sec > 0 && document.getElementById) {
 			s=timeleft;
 			d = Math.floor(s / 86400)
 			h = Math.floor((s % 86400) / 3600);
 			m = Math.floor((s % 3600) / 60);
 			s = s % 60;
 			
 			disp = new Array('d','h','m','s');
 			i=0;
 			while(disp[i]) {
 		    	document.getElementById(disp[i]).innerHTML = eval(disp[i]);
 				i++;
 			}
 			
 			setTimeout("count("+(timeleft-1)+")",999);
 		}
 	}
 	count(sec);
 
 //--></script>
 
Zuletzt bearbeitet:
Ähm ersteinmal vielen Dank für Das Script ! aber so richtig will es nicht gehen !
ich habe jetzt das Script in den Head kopiert und den layer mit dem div an die Stelle wo ich es hinhabenwill ! genau so wie in deinem gepostetem Script !
Aber es erschein keine Ausgabe !
keine Zeitangabe ! kein Countdown :(

Was muss ich beachten ?!
 
Schwer zu sagen, poste doch einfach mal ne URL zu der Seite wo du's eingebunden hast oder schreib einfach den gesammten Quelltext hier ins Forum. Probier am besten vorher noch, ob der Code so wie er ist bei dir funktioniert (--> hier clicken zum probieren <--).
 
Zuletzt bearbeitet:
Okay es sollte eigentlich gehen, wenn du beim zweiten Script das window.onload=startscroll am Ende und bei meinem Script das window.onload=newyearcount am Anfang rausnimmst und danach folgendes einfügst:
Code: 
function init() { 
   	startscoll();
   	newyearcount();
   }
   window.onload=init;
Du kannst doch keine zwei window.onload aufrufe auf einer html-Seite haben!
 
Zuletzt bearbeitet:
ok erst gings irgendwie ne aber jetzt geht's nu letztendlich nach langer friemelei :D

naja dann besten dank dafür ! bei javescripts bin ich aufgeschmissen !
php klappt um so besser ! :D
 
Hallo con-f-use ,

ich möchte auch gerne das Script in meine Homepage einbinden.
Nun habe ich mir den Countdown unter http://confus.co.funpic.de/_data/neujahr.html
angesehen und habe festgestellt, dass dieser nicht fortgesetzt wird, sobald die Sekunden abelaufen sind. Um den Countdown wieder zu starten, muss ich dann auf "Neu Laden" gehen. Was muss ich an dem Script ändern, damit der Countdown weiterläuft, ohne dass ich auf "Neu Laden" drücken muss?

Viele Grüße
Ignatius
 
Falls es noch akkut ist, nimm einfach den sourcecode von oben in der neujahr.html fehlt eine Zeile, was ich aber jetzt auch berichtig habe du kannst also auch die URL nehmen.

P.S.
Kannst ihn auch auf jahreswende 05/06 ummodeln, sollte es nicht mehr akkut sein indem du einfach das 2005 durch, rate mal, 2006 ersetzt...
 
Zuletzt bearbeitet:
hi ich habe auch ein dickes prob und zwar mit dem script oben und einem weiteren! dabei steht in einem kein window code?! kannste mir auch mal helfen plz?
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück