Archivlink: javarea.de Forum > JavaScript > Countdown Zähler!
Vollständigen Link anzeigen: javarea.de Forum > JavaScript > Countdown Zähler!

Pages: [1]

geschrieben von igor am 19.02.2006 - 18:36
Hallo, ich benötige einen Countdownzähler!

Im Prinzip wäre der auf dieser Seite Perfekt !

http://www.javarea.de/index.php3?op....&id=75

Aber bei mir siehts immer so aus, wenn ich als Datum z.B. 21.02.2006 20:45 eingebe!


http://img427.imageshack.us/img427/1361/countdown4do.jpg

Kann jemand helfen? Unten steht der Code!

HTML-Quelltext
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25: 
26: 
27: 
28: 
29: 
30: 
31: 
32: 
33: 
34: 
35: 
36: 
37: 
38: 
39: 
40: 
41: 
42: 
43: 
44: 
45: 
46: 
47: 
48: 
49: 
50: 
<body onload="startclock()">

<SCRIPT LANGUAGE="JavaScript">
<!--
var Temp2;
var timerID = null;
var timerRunning = false;
function showtime() {
now = new Date();
var CurHour = now.getHours();
var CurMinute = now.getMinutes();
var CurMonth = now.getMonth();
var CurDate = now.getDate();
var CurYear = now.getYear();
var CurSecond = now.getSeconds();
now = null;
Hourleft = 20 - CurHour
Minuteleft = 45 - CurMinute
Secondleft = 59 - CurSecond // keine null es wird abwärts gezählt
var Yearleft = 2006 - CurYear
var Monthleft = 1 - CurMonth // keine null
var Dateleft = 21 - CurDate
if (Yearleft!=1) {var ys="e"} else {var ys=""};
if (Monthleft!=1) {var mos="e"} else {var mos=""}
if (Dateleft!=1) {var ds="e"} else {var ds=""}
if (Hourleft!=1) {var hs="n"} else {var hs=""}
if (Minuteleft!=1) {var mis="n"} else {var mis=""}
if (Secondleft!=1) {var ss="n"} else {var ss=""}
Temp2='Warte '+Yearleft+' Jahr'+ys+', '+Monthleft+' Monat'+mos+','+Dateleft+' Tag'+ds+', '+Hourleft+' Stunde'+hs+', '+Minuteleft+' Minute'+mis+', '+Secondleft+' Sekunde'+ss+' noch bis zum Jahr 3000! '
Temp3=Yearleft+' Jahr'+ys+', '+Monthleft+' Monat'+mos+', '+Dateleft+' Tag'+ds+', '+Hourleft+' Stunde'+hs+', '+Minuteleft+' Minute'+mis+', '+Secondleft+' Sekunde'+ss
document.frm.left.value=Temp3;
timerID = setTimeout("showtime()",1000);
timerRunning = true;
}
var timerID = null;
var timerRunning = false;
function stopclock () {
if(timerRunning)
clearTimeout(timerID);
timerRunning = false;
}
function startclock () {
stopclock();
showtime();
}
// -->

</script>
<form name="frm">
<input type="textarea" name="left" size=80></form>

geschrieben von weisnix am 19.02.2006 - 20:35
Ist doch fast richtig!

Monat fängt mit 0 für Januar an.

Änderung oben!

geschrieben von igor am 19.02.2006 - 21:35
Danke schonmal für die schnelle Antwort!

Aber jetzt steht dort 2 Tage -1 Stunde . 12Minuten

und wenn es z.B. 21.46 ist steht dort 2Tage -1Stunde und -1Minute

Eigendlich sollte ja stehen 1 Tag 23 Stunden 9minuten...

Und mir ist aufgefallen das z.B. unter Firefox dort immer steht 1900 Jahre im Internet Explorer aber 0 Jahre

mhh

geschrieben von weisnix am 19.02.2006 - 22:51
dann den hier:

HTML-Quelltext
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25: 
26: 
27: 
28: 
29: 
30: 
31: 
32: 
33: 
34: 
35: 
36: 
37: 
38: 
39: 
40: 
41: 
42: 
43: 
44: 
45: 
46: 
47: 
48: 
49: 
50: 
51: 
52: 
53: 
54: 
55: 
56: 
57: 
58: 
59: 
60: 
61: 
62: 
63: 
64: 
65: 
66: 
67: 
68: 
69: 
70: 
71: 
72: 
73: 
74: 
75: 
76: 
77: 
78: 
79: 
80: 
81: 
82: 
83: 
84: 
85: 
86: 
87: 
88: 
89: 
90: 
91: 
92: 
93: 
94: 
95: 
96: 
<script type="text/javascript">

//Dynamic countdown Script II- © Dynamic Drive (www.dynamicdrive.com)
//Support for hour minutes and seconds added by Chuck Winrich (winrich@babson.edu) on 12-12-2001
//For full source code, 100's more DHTML scripts, visit http://www.dynamicdrive.com 

function setcountdown(theyear,themonth,theday,thehour,themin,thesec){
yr=theyear;mo=themonth;da=theday;hr=thehour;min=themin;sec=thesec
}

//////////CONFIGURE THE COUNTDOWN SCRIPT HERE//////////////////

//STEP 1: Configure the countdown-to date, in the format year, month, day, hour(0=midnight,23=11pm), minutes, seconds:
setcountdown(2006,02,19,20,45,00) //Jahr, Monat, Tag, Stunden, Minuten, Sekunden

//STEP 2: Change the two text below to reflect the occasion, and message to display on that occasion, respectively
var occasion="Spielbeginn"
var message_on_occasion="Auf, auf das Spiel hat begonnen!"

//STEP 3: Configure the below 5 variables to set the width, height, background color, and text style of the countdown area
var countdownwidth='520px'
var countdownheight='35px'
var countdownbgcolor='lightyellow'
var opentags='<font face="Verdana"><small>'
var closetags='</small></font>'

//////////DO NOT EDIT PAST THIS LINE//////////////////

var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")
var crosscount=''

function start_countdown(){
if (document.layers)
document.countdownnsmain.visibility="show"
else if (document.all||document.getElementById)
crosscount=document.getElementById&&!document.all?document.getElementById("countdownie") : countdownie
countdown()
}

if (document.all||document.getElementById)
document.write('<span id="countdownie" style="width:'+countdownwidth+'; background-color:'+countdownbgcolor+'"></span>')

window.onload=start_countdown


function countdown(){
var today=new Date()
var todayy=today.getYear()
if (todayy < 1000)
todayy+=1900
var todaym=today.getMonth()
var todayd=today.getDate()
var todayh=today.getHours()
var todaymin=today.getMinutes()
var todaysec=today.getSeconds()
var todaystring=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec
futurestring=montharray[mo-1]+" "+da+", "+yr+" "+hr+":"+min+":"+sec
dd=Date.parse(futurestring)-Date.parse(todaystring)
dday=Math.floor(dd/(60*60*1000*24)*1)
dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1)
dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1)
dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1)
//if on day of occasion
if(dday<=0&&dhour<=0&&dmin<=0&&dsec<=1&&todayd==da){
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write(opentags+message_on_occasion+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=opentags+message_on_occasion+closetags
return
}
//if passed day of occasion
else if (dday<=-1){
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write(opentags+" Spielende! Sie sind leider zu spät! "+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=opentags+" Spielende! Sie sind leider zu spät! "+closetags
return
}
//else, if not yet
else{
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write(opentags+dday+ " Tage, "+dhour+" Stunden, "+dmin+" Minuten, und "+dsec+" Sekunden bis zum "+occasion+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=opentags+dday+ " Tage, "+dhour+" Stunden, "+dmin+" Minuten, und "+dsec+" Sekunden bis zum "+occasion+closetags
}
setTimeout("countdown()",1000)
}
</script>

<ilayer id="countdownnsmain" width=&{countdownwidth}; height=&{countdownheight}; bgColor=&{countdownbgcolor}; visibility=hide><layer id="countdownnssub" width=&{countdownwidth}; height=&{countdownheight}; left=0 top=0></layer></ilayer>

geschrieben von igor am 19.02.2006 - 23:35
ja super geil

Genau so hab ich mir das vorgestellt!
Vielen dank für die Mühe!

MFG

geschrieben von René am 20.02.2006 - 10:57
Oder den? Im blau markierten Bereich trägst du dein Datum ein.

HTML-Quelltext
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25: 
26: 
27: 
28: 
29: 
30: 
31: 
32: 
33: 
34: 
35: 
36: 
37: 
38: 
39: 
40: 
41: 
42: 
43: 
44: 
45: 
46: 
47: 
48: 
49: 
50: 
51: 
52: 
53: 
54: 
55: 
56: 
57: 
58: 
59: 
60: 
61: 
62: 
63: 
64: 
65: 
<html>
<head>

<style type="text/css">
<!--
#shade
{
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #000;
}
//-->
</style>

<script language="JavaScript" type="text/javascript">
<!--
function ZeitAnzeigen()
{
	var Jahr    = 2005;
	var Monat   = 6;
	var Tag     = 24;
	var Stunde  = 0;
	var Minute  = 0;
	var Sekunde = 0;

	/* ab hier nichts mehr ändern */

	var now  = new Date();
	var then = new Date(Jahr, (Monat - 1), Tag, Stunde, Minute, Sekunde);
	var diff = then.getTime() - now.getTime();
	var rap1 = rap2 = rap3 = rap4 = 0;

	if (diff >= 0)
	{
		var gap4 = Math.floor(diff / (1000));
		var gap3 = Math.floor(gap4 / (60));
		var gap2 = Math.floor(gap3 / (60));
		var gap1 = Math.floor(gap2 / (24));

		var rap1 = Math.floor(gap1);
		var rap2 = Math.floor(gap2 - (gap1 * 24));
		var rap3 = Math.floor(gap3 - (gap2 * 60));
		var rap4 = Math.floor(gap4 - (gap3 * 60));
	}

	var Zeit = rap1 + ' Tage, ' + rap2 + ' Stunden, ' + rap3 + ' Minuten, ' + rap4 + ' Sekunden';

	document.getElementById('shade').firstChild.nodeValue = Zeit;

	if (diff >= 0)
		setTimeout('ZeitAnzeigen();', 1000);
}

onload = ZeitAnzeigen;
//-->
</script>

</head>
<body>

<span id="shade">&nbsp;</span>

</body>
</html>

geschrieben von Siegbert am 04.05.2006 - 14:07
Super !!! Alle drei Scripts funktionieren.

Danke, Sigi


Powered by: JBB v.2.0.4 Copyright ©2000-2006, www.javarea.de.