Script: Countdownzähler

PatrickPaulsen

Code

<script LANGUAGE="JavaScript">
<!--
var eventdate = new Date("Januar 21, 2100");


function toSt(n) {
  s=""
  if(n<10) s+="0"
  return s+n.toString();
}


function countdown() {
  cl=document.clock;
  d=new Date();
  count=Math.floor((eventdate.getTime()-d.getTime())/1000);
  if(count<=0)
    {cl.days.value ="----";
     cl.hours.value="--";
     cl.mins.value="--";
     cl.secs.value="--";
     return;
   }
  cl.secs.value=toSt(count%60);
  count=Math.floor(count/60);
  cl.mins.value=toSt(count%60);
  count=Math.floor(count/60);
  cl.hours.value=toSt(count%24);
  count=Math.floor(count/24);
  cl.days.value=count;


  setTimeout("countdown()",1000);
}
// Ende verstecken -->


</script>


<body onload="countdown()">


<form name="clock">
<table border=3>
<tr><td><center>Tage:</center></td>
<td><center>Stunden:</center></td>
<td><center>Minuten:</center></td>
<td><center>Sekunden:</center></td></tr>


<tr><td><center><input name="days" size="4"></center></td>
<td><center><input name="hours" size="2"></center></td>
<td><center><input name="mins" size="2"></center></td>
<td><center><input name="secs" size="2"></center></td></tr>
</table></form>

Alles anzeigen

entschuldige...

aber wie kann man bei dem script die zeit abstellen wan der countdownzähler abgelaufen ist wo...macht man das in dem script???

THX

noname

Moin,

läuft nicht !!! Möchte das der Counter bis zu 10.06.2004 zählt klapt nicht *heul*

Danke und Grüße

Beatz

Ich habe den Fehler im Quelltext oben behoben, sollte jetzt funktionieren

@ Gast:
Ändere folgende Zeile

Code

var eventdate = new Date("Januar 21, 2100");

in

Code

var eventdate = new Date("Monat Tag, Jahr Stunden:Minuten:Sekunden");

besser ist aber (So gibt man alles in Zahlen an, keine Monatsnamen)

Code

var eventdate = new Date(Jahr,Monat,Tag,Stunden,Minuten,Sekunden);

Tweety

Hy,
ich hab auch einen Countdownzähler auf meiner Seite. Ist echt cool find ich. Läuft allerding mit gif-Bildern, aber ist trotzdem sehr gut.
Hier ist mal das Script:

HTML

<html>
<head>




<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
//Created by DendE PhisH
function getTime() {
c1 = new Image(); c1.src = "1c.gif";
c2 = new Image(); c2.src = "2c.gif";
c3 = new Image(); c3.src = "3c.gif";
c4 = new Image(); c4.src = "4c.gif";
c5 = new Image(); c5.src = "5c.gif";
c6 = new Image(); c6.src = "6c.gif";
c7 = new Image(); c7.src = "7c.gif";
c8 = new Image(); c8.src = "8c.gif";
c9 = new Image(); c9.src = "9c.gif";
c0 = new Image(); c0.src = "0c.gif";
Cc = new Image(); Cc.src = "Cc.gif";
now = new Date();


//ENTER BELOW THE DATE YOU WISH TO COUNTDOWN TO
later = new Date("Apr 11 2004 0:00:01");


days = (later - now) / 1000 / 60 / 60 / 24;
daysRound = Math.floor(days);
hours = (later - now) / 1000 / 60 / 60 - (24 * daysRound);
hoursRound = Math.floor(hours);
minutes = (later - now) / 1000 /60 - (24 * 60 * daysRound) - (60 * hoursRound);
minutesRound = Math.floor(minutes);
seconds = (later - now) / 1000 - (24 * 60 * 60 * daysRound) - (60 * 60 * hoursRound) - (60 * minutesRound);
secondsRound = Math.round(seconds);


if (secondsRound <= 9) {
document.images.g.src = c0.src;
document.images.h.src = eval("c"+secondsRound+".src");
}
else {
document.images.g.src = eval("c"+Math.floor(secondsRound/10)+".src");
document.images.h.src = eval("c"+(secondsRound%10)+".src");
}
if (minutesRound <= 9) {
document.images.d.src = c0.src;
document.images.e.src = eval("c"+minutesRound+".src");
}
else {
document.images.d.src = eval("c"+Math.floor(minutesRound/10)+".src");
document.images.e.src = eval("c"+(minutesRound%10)+".src");
}
if (hoursRound <= 9) {
document.images.y.src = c0.src;
document.images.z.src = eval("c"+hoursRound+".src");
}
else {
document.images.y.src = eval("c"+Math.floor(hoursRound/10)+".src");
document.images.z.src = eval("c"+(hoursRound%10)+".src");
}
if (daysRound <= 9) {
document.images.x.src = c0.src;
document.images.a.src = c0.src;
document.images.b.src = eval("c"+daysRound+".src");
}
if (daysRound <= 99) {
document.images.x.src = c0.src;
document.images.a.src = eval("c"+Math.floor((daysRound/10)%10)+".src");
document.images.b.src = eval("c"+Math.floor(daysRound%10)+".src");
}
if (daysRound <= 999){
document.images.x.src = eval("c"+Math.floor(daysRound/100)+".src");
document.images.a.src = eval("c"+Math.floor((daysRound/10)%10)+".src");
document.images.b.src = eval("c"+Math.floor(daysRound%10)+".src");
}
newtime = window.setTimeout("getTime();", 1000);
}
//  End -->
</script>
</head>
<body>


<BODY onLoad="getTime()">




<center>




<font color="red" size="4">(bis Ostern)








<center>
<table><tr><td bgcolor="black" valign="bottom">
[img]0c.gif[/img]
[img]0c.gif[/img]
[img]0c.gif[/img]
[img]Cc.gif[/img]
[img]0c.gif[/img]
[img]0c.gif[/img]
[img]Cc.gif[/img]
[img]0c.gif[/img]
[img]0c.gif[/img]
[img]Cc.gif[/img]
[img]0c.gif[/img]
[img]0c.gif[/img]
</td></tr></table>
</center>




</body>
</html>

Alles anzeigen

Hoffe ich konnte helfen

admin

Und wo sind die gif Bilder
Packe doch mal die Gif Bilder in einer Zip Datei und lade sie mit dem Attachment Tool hoch

Tweety

Hy admin,
wo gibts des Tool? Schreib mir bitte den Link dazu auf .
Dann kann ich auch die Bilder gerne hochladen

Student25

Button "antwort erstellen" -> Button "Attachment hinzufügen" (links unten)

admin

Zitat von Tweety

Hy admin,
wo gibts des Tool? Schreib mir bitte den Link dazu auf .
Dann kann ich auch die Bilder gerne hochladen

Du hast es doch auf Deiner HP laufen, warum nicht diese Gif's so als Beispiel

Tweety

Hier sind die Bilder

admin

Zitat von Tweety

Hy admin,
wo gibts des Tool? Schreib mir bitte den Link dazu auf .
Dann kann ich auch die Bilder gerne hochladen

Jetzt habe ich erst Verstanden, was Du wolltest
Das Tool zum hochladen der Grafik.Ich werde alt

Tweety

Ist doch egal. Ich bin auch öfters schwer von Begriff

NBAdeaf

Habe die Skript "Countdownzähler mit GIF" von Tweety genommen, doch es klappt nicht mit Zahlen.

Wer kann meine Fehler im Quelltext finden und korrigieren? *bete*

Hier meine Quelltext:
Zwischen HEAD

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
//Created by DendE PhisH
function getTime() {
c1 = new Image(); c1.src = "1c.gif";
c2 = new Image(); c2.src = "2c.gif";
c3 = new Image(); c3.src = "3c.gif";
c4 = new Image(); c4.src = "4c.gif";
c5 = new Image(); c5.src = "5c.gif";
c6 = new Image(); c6.src = "6c.gif";
c7 = new Image(); c7.src = "7c.gif";
c8 = new Image(); c8.src = "8c.gif";
c9 = new Image(); c9.src = "9c.gif";
c0 = new Image(); c0.src = "0c.gif";
Cc = new Image(); Cc.src = "Cc.gif";
now = new Date();

//ENTER BELOW THE DATE YOU WISH TO COUNTDOWN TO
later = new Date("Mai 16 2008 00:00:01");

days = (later - now) / 1000 / 60 / 60 / 24;
daysRound = Math.floor(days);
hours = (later - now) / 1000 / 60 / 60 - (24 * daysRound);
hoursRound = Math.floor(hours);
minutes = (later - now) / 1000 /60 - (24 * 60 * daysRound) - (60 * hoursRound);
minutesRound = Math.floor(minutes);
seconds = (later - now) / 1000 - (24 * 60 * 60 * daysRound) - (60 * 60 * hoursRound) - (60 * minutesRound);
secondsRound = Math.round(seconds);

if (secondsRound <= 9) {
document.images.g.src = c0.src;
document.images.h.src = eval("c"+secondsRound+".src");
}
else {
document.images.g.src = eval("c"+Math.floor(secondsRound/10)+".src");
document.images.h.src = eval("c"+(secondsRound%10)+".src");
}
if (minutesRound <= 9) {
document.images.d.src = c0.src;
document.images.e.src = eval("c"+minutesRound+".src");
}
else {
document.images.d.src = eval("c"+Math.floor(minutesRound/10)+".src");
document.images.e.src = eval("c"+(minutesRound%10)+".src");
}
if (hoursRound <= 9) {
document.images.y.src = c0.src;
document.images.z.src = eval("c"+hoursRound+".src");
}
else {
document.images.y.src = eval("c"+Math.floor(hoursRound/10)+".src");
document.images.z.src = eval("c"+(hoursRound%10)+".src");
}
if (daysRound <= 9) {
document.images.x.src = c0.src;
document.images.a.src = c0.src;
document.images.b.src = eval("c"+daysRound+".src");
}
if (daysRound <= 99) {
document.images.x.src = c0.src;
document.images.a.src = eval("c"+Math.floor((daysRound/10)%10)+".src");
document.images.b.src = eval("c"+Math.floor(daysRound%10)+".src");
}
if (daysRound <= 999){
document.images.x.src = eval("c"+Math.floor(daysRound/100)+".src");
document.images.a.src = eval("c"+Math.floor((daysRound/10)%10)+".src");
document.images.b.src = eval("c"+Math.floor(daysRound%10)+".src");
}
newtime = window.setTimeout("getTime();", 1000);
}
// End -->
</script>

Und zwischen BODY

<table width="100%" bgcolor="#EBEBEB" id="countdowntabelle" >
<tr>
<td><div align="center" class="Stil7">Countdown zur EM 2008:</div></td>
</tr>
<tr>
<td><table border="0" align="center" cellpadding="0" cellspacing="0" id="countdown">
<tr>
<td bgcolor="#EBEBEB" valign="bottom"></td>
</tr>
</table></td>
</tr>
</table>

Ronald

Moin!
Du verweist in der Funktion ""getTime()" auf andere Gifs, die aber offensichtlich nicht vorhanden sind.

Du mußt dort ebenfalls das richtige Unter-Verzeichnis für die Gifs angeben, also

Code

function getTime() {
c1 = new Image(); c1.src = "img/countdown/1c.gif";
c2 = new Image(); c2.src = "img/countdown/2c.gif";
c3 = new Image(); c3.src = "img/countdown/3c.gif";
.. usw.

Gruß aus der Marsch!

Ronald

eldios

Hi! habe das countdown script auch benutzt!
nur wenn ich dieseite jetzt anserver gibt es einen fehler ist das nur bei mir so oder ist das auch bei euch so?
http://www.hsvkampfschreier.com/eldios/index.htm
könnt ihr mal gucken ob bei euch auch der fehler kommt und mir vielleicht sagen wo der fehler liegen könnte?

Ronald

also ich sehe einen Counter, der 2 Tage herunter zählt, wozu das auchimmer gut sein soll.
Eine Fehlermeldung habe ich nicht bekommen.

Schwachpunkt:
Der Java-Counter richtet sich nach der Uhr des PCs. Ändere ich das Datum oder die Uhrzeit auf meinem Rechner geht er falsch, bzw. bleibt einfach stehen.

Fehler:
Bei Null angekommen springt er auf "000:23:59:60 " um.

Gruß aus der Marsch

Ronald

NBAdeaf

@ Ronald: DANKE!!! Haste recht mit Unterverzeichnis!
Mein Countdown-Zähler funktioniert nun endlich, uff!

zumerstenmalhier

Zitat von PatrickPaulsen

Code

<script LANGUAGE="JavaScript">
<!--
var eventdate = new Date("Januar 21, 2100");


function toSt(n) {
  s=""
  if(n<10) s+="0"
  return s+n.toString();
}


function countdown() {
  cl=document.clock;
  d=new Date();
  count=Math.floor((eventdate.getTime()-d.getTime())/1000);
  if(count<=0)
    {cl.days.value ="----";
     cl.hours.value="--";
     cl.mins.value="--";
     cl.secs.value="--";
     return;
   }
  cl.secs.value=toSt(count%60);
  count=Math.floor(count/60);
  cl.mins.value=toSt(count%60);
  count=Math.floor(count/60);
  cl.hours.value=toSt(count%24);
  count=Math.floor(count/24);
  cl.days.value=count;


  setTimeout("countdown()",1000);
}
// Ende verstecken -->


</script>


<body onload="countdown()">


<form name="clock">
<table border=3>
<tr><td><center>Tage:</center></td>
<td><center>Stunden:</center></td>
<td><center>Minuten:</center></td>
<td><center>Sekunden:</center></td></tr>


<tr><td><center><input name="days" size="4"></center></td>
<td><center><input name="hours" size="2"></center></td>
<td><center><input name="mins" size="2"></center></td>
<td><center><input name="secs" size="2"></center></td></tr>
</table></form>

Alles anzeigen

habe diesen code eingefügt und wollte den Eventdatum auf den 15. April ändern, aber es funktionert nicht, was muss ich ändern? Wieso kann ich nicht einfach statt dem

var eventdate = new Date("Januar 21, 2100");
var eventdate = new Date("April 15, 2005");

du must noch die uhrzeit angeben NOOB!!!

kennybhatti

Hallo

Habe ne frage:
Wie kann man einstellen dass der Countdownzähler ohne Unterbrechung rückwärts zählt..??

Danke im Vorausjavascript:emoticon('')
dance

K.B.S.M.

Tags