abo12: Countdown

Beitrag lesen

SELF-Forum

Countdown

abo12
– Informationen zu den Bewertungsregeln 
<script LANGUAGE="JavaScript">  
<!--  
var eventdate = new Date("November 28, 2009 19:30:00");  
  
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 ="00";  
     cl.hours.value="00";  
     cl.mins.value="00";  
     cl.secs.value="00";  
     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=0 cellspacing="10">  
  
<tr span style="font-size:1.2em">  
    <td><center><input name="days" size="2" ></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>  
    <td>bis zum nächsten NG</td>  
</tr>  
<tr span style="font-size:0.75em">  
    <td>Tage</td>  
    <td>STD.</td>  
    <td>MIN.</td>  
    <td>SEK.</td>  
</tr>  
</table></form>

<script LANGUAGE="JavaScript">
<!--
var eventdate = new Date("November 28, 2009 19:30:00");

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 ="00";
     cl.hours.value="00";
     cl.mins.value="00";
     cl.secs.value="00";
     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=0 cellspacing="10">

<tr span style="font-size:1.2em">
    <td><center><input name="days" size="2" ></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>
    <td>bis zum nächsten NG</td>
</tr>
<tr span style="font-size:0.75em">
    <td>Tage</td>
    <td>STD.</td>
    <td>MIN.</td>
    <td>SEK.</td>
</tr>
</table></form>

das hab ich jetzt mal gebastelt.

Das problem ist nur, Das ich nur die Zahlen vom Countdown etwas größer haben möchte und in einer anderen Schriftgröße. Sobald ich das aber eingebe passiert nichts oder es wird für alles übernommen.

Zweitens ich möchte ein Bild nur hinter den Zahlen (Countdown) machen, damit es nicht so weiß aussieht. Aber das geht irgendwie auch nicht. :(

Hat jemand eine Idee?

Beitrag melden
–
Informationen zu den Bewertungsregeln