Countdown-Zähler ??!!

frank_gayer · 18.04.2005

Hallo,

ich füge diesen Code in meine Seite ein. Leider erscheint nicht die gewünschte Zeit, sondern lediglich ein weisser Eingabebalken. An was kann das liegen ??

Code:

&lt;HTML>
&lt;HEAD>
&lt;SCRIPT LANGUAGE=JAVASCRIPT>
&lt;!--
function countdown(){
  var heute = new Date()
  var jahr = new Date()
  jahr.setHours(12)
  jahr.setMinutes(0)
  jahr.setSeconds(0)
  jahr.setDate(11)
  jahr.setMonth(5)
  jahr.setYear(2005)
  diff = jahr.getTime()-heute.getTime()
  return Math.round(diff/1000)
}
//-->
&lt;/SCRIPT>
&lt;/HEAD>
&lt;BODY>
&lt;FORM NAME=forms>
&lt;INPUT TYPE=text NAME=ticker SIZE=50>
&lt;/FORM>
Es sind noch &lt;SCRIPT LANGUAGE=JavaScript>
&lt;!--
document.write(countdown())
//-->
&lt;/SCRIPT>
Sekunden bis zum 01.01.2010.&lt;BR>&lt;BR>
&lt;A HREF=>neu laden&lt;/A>
&lt;/BODY>
&lt;/HTML>

Billy · 18.04.2005

versteh ich das richtig dass du die anzahl sekunden in dem kasten haben willst oder nicht?

mfg fire

Billy · 18.04.2005

ich hab einwenig in meinen HTML lern unterlagen gesucht und mal das mit deinem code verglichen

bei dem beispiel hier kommen die Sekunden zahlen in den balken

Code:

&lt;HTML>
&lt;HEAD>
&lt;SCRIPT LANGUAGE=JAVASCRIPT>
&lt;!--
function countdown(){
  var heute = new Date()
  var jahr = new Date()
  jahr.setHours(12)
  jahr.setMinutes(0)
  jahr.setSeconds(0)
  jahr.setDate(11)
  jahr.setMonth(5)
  jahr.setYear(2005)
  diff = jahr.getTime()-heute.getTime()
  document.forms.ticker.value = Math.round(diff/1000)
}
//-->
&lt;/SCRIPT>
&lt;/HEAD>
&lt;BODY onload=countdown()>
&lt;FORM NAME=forms>
&lt;INPUT TYPE=text NAME=ticker SIZE=50 VALUE=>
&lt;/FORM>
Es sind noch Sekunden bis zum 01.01.2010.&lt;BR>&lt;BR>
&lt;A HREF=>neu laden&lt;/A>
&lt;/BODY>
&lt;/HTML>

mfg fire

frank_gayer · 18.04.2005

Hallo,

so schaut es bei mir aus. Der weisse Balken soll der Countdown sein. Verstehe ich nicht.

Billy · 18.04.2005

auch bei dem, das ich dir gegeben habe?

connyas · 18.04.2005

Sorry, ich versteh das ganze Teil überhaupt nicht

wo sollen die Sekunden stehen ???

- im Text: Es sind noch .... ???
- oder im Input-Feld ???

Wenn im Text, welche Funktion besitzt das Formular ???

gruss conny

frank_gayer · 18.04.2005

FiRe-X schrieb:
auch bei dem, das ich dir gegeben habe?

Ja, auch bei dem !!!! Eigentlich benötige ich nur die Tage und Stunden. Das ist ja noch änderbar.

Billy · 18.04.2005

==> http://www.raubfische.de/Beisp106.htm

suchst du so was?

frank_gayer · 18.04.2005

Hallo,

ich habe es hinbekommen. Zwar über einen anderen Tip, aber das ist ja egal. Danke nochmals.

Gandalf_the_Grey · 19.04.2005

[ironie]
Und wieder einmal wurde die Nachwelt um eine Information bereichert.
[/ironie]

Sagt mal könnt ihr euch angewöhnen Feedback zu geben? Wäre klasse das wenn du schon eine Lösung hast du sie hier kurz präsentieren könntest. Vieleicht hat ein anderer Neuling ja mal das selbe Problem!

frank_gayer · 19.04.2005

Hallo,

@ Gandalf, es ist immer wieder eine Freude Deine Kommentare zu lesen. Die einen können damit umgehend, andere wohl nicht.

Hier ist meine gefundene Lösung:

Code:

&lt;html>
&lt;BODY TEXT=#FFFFFF LINK=#FFFFFF VLINK=#999999 ALINK=#00FF00 BGCOLOR=#000000 onLoad=clock()>
&lt;Center>
&lt;SCRIPT>
var diffMonths=-1, diffDays=-1, diffHours=-1, diffMins=-1
var compDat = new Date(May 11, 2005 12:00:00)//das datum wohin er zählen soll
var msPerMonth = 31 * 24 * 60 * 60 * 1000
var msPerDay = 24 * 60 * 60 * 1000
var msPerHour = 60 * 60 * 1000
var msPerMin = 60 * 1000
var msPerSec = 1000
function clock(){
   var today = new Date()
   var changeD = diffDays
   var changeH = diffHours
   var changeMin = diffMins   
   var diffMs = compDat.getTime() - today.getTime()
   diffDays = Math.floor(diffMs / msPerDay)
   diffMs -= diffDays * msPerDay
   diffHours = Math.floor(diffMs / msPerHour)
   diffMs -= diffHours * msPerHour
   diffMins = Math.floor(diffMs / msPerMin)
   diffMs -= diffMins * msPerMin
   var diffSecs = Math.floor(diffMs / msPerSec)   
   if(changeD!=diffDays) document.forms[0].days.value=diffDays
   if(changeH!=diffHours) document.forms[0].hours.value=diffHours
   if(changeMin!=diffMins) document.forms[0].mins.value=diffMins
   document.forms[0].secs.value=diffSecs
   timerID = setTimeout(clock(),1000)}
&lt;/SCRIPT>
&lt;FORM>&lt;FONT FACE=Verdana SIZE=4 color=#FFFFFF>Noch&lt;B>
	&lt;font color=#990000>
&lt;input type=text name=days size=6>&lt;/font> 
&lt;/B>
&lt;/FONT>
	&lt;B>&lt;FONT FACE=Verdana SIZE=4 color=#990000>Tage&lt;/FONT>&lt;FONT FACE=Verdana SIZE=4 color=#990000>
&lt;/FONT>
	&lt;font face=Verdana size=4 color=#FFFFFF>&lt;font color=#990000>
&lt;input type=text name=hours size=6>&lt;/font> &lt;/font>
	&lt;font face=Verdana size=4 color=#990000>Stunden&lt;/font>&lt;font face=Verdana size=6 color=#990000>
&lt;font color=#990000>
&lt;input type=text name=mins size=6>&lt;/font>&lt;/font>&lt;/B>&lt;font face=Verdana size=4 color=#990000>
	&lt;b>Minuten&lt;/b>&lt;/font>&lt;font face=Verdana size=6 color=#990000>&lt;B>&amp;nbsp;
&lt;/B>
	&lt;/font>
	&lt;font face=Verdana size=4 color=#FFFFFF>bis zum nächsten Urlaub in 
	Rom/Italien. 
	&lt;img border=0 src=../Italien_Flagge.gif width=68 height=50>&lt;/font>&lt;/FORM>

&lt;/CENTER>
&lt;/BODY>
&lt;/HTML>

Countdown-Zähler ??!!

frank_gayer

Billy

Billy

frank_gayer

Billy

connyas

frank_gayer

Billy

frank_gayer

Gandalf_the_Grey

frank_gayer

Countdown-Zähler ??!!

ANGEBOTE & SPONSOREN

Neueste Themen

Statistik des Forums