Countup Homepage HTML-Hilfe

K

Kopernikus

Aktives Mitglied
Thread Starter
Dabei seit
25.09.2006
Beiträge
1.005
Reaktionspunkte
22
Hallo,

für meine Homepage habe ich folgenden tollen Countup, den ich allerdings leicht abändern möchte. Hoffe mir kann jemand helfen. Würde gern die aktuelle Uhrzeit nicht mehr anzeigen lassen, dafür aber im Countup nicht nur die Minuten, sondern angefangen von Jahre, Monate, Tage, Stunden, Minuten, Sekunden.
Code: 
<script type='text/javascript'>
var begin = new Date('November 12, 2007 00:00:00');
function toSt2(n) {
  s = '';
  if (n < 10) s += '0';
  return (s + n).toString();
}

function toSt3(n) {
  s = '';
  if (n < 10) s += '00';
  else if (n < 100) s += '0';
  return (s + n).toString();
}

function countup() {
  d = new Date();
  count = Math.floor(d.getTime() - begin.getTime());
 
  miliseconds = toSt3(count%1000); count = Math.floor(count/1000);
  seconds = toSt2(count%60); count = Math.floor(count/60);
  minutes = toSt2(count%60); count = Math.floor(count/60);
  hours = toSt2(count%24); count = Math.floor(count/24);
  days = count;
  document.getElementById('c1').innerHTML = days + ' TAGE';
  document.getElementById('c2').innerHTML = hours + ':' + minutes + ':' + seconds
  setTimeout('countup()', 50);
}
</script>

<body onload='countup();'>

<div align=center>
 <SPAN id=c1 style="FONT: bold 30px arial; COLOR: green;"></SPAN><br>
 <SPAN id=c2 style="FONT: bold 25px arial; COLOR: blue;">;</SPAN><br>
 <small>...seit dem 12 November 2007 / 00:00 Uhr</small>
</div>
 
Zuletzt bearbeitet von einem Moderator:
Mit etwas Nachdenken ist das doch eine prima Einsteiger-Aufgabe?
Und eher etwas für Programmierung als Design. :)
 
Kann leider keine Programmsprache, zumindest nicht so das ich das könnte. ;)
Mir würde es auch helfen, wenn mir jemand in das folgendes Skript die Sekunden einbauen könnte:
Code: 
<script type="text/javascript">
// <![CDATA[
function countUp() {
var jahr=2001, monat=11, tag=5, stunde=0, minute=0; // Jahrestag hier angeben

var akt=new Date();
var j=akt.getFullYear()-jahr;
var m=akt.getMonth()+1-monat;
var t=akt.getDate()-tag;
var s=akt.getHours()-stunde;
var u=akt.getMinutes()-minute;
if(u<0) {s--; u=60+u;}
if(s<0) {t--; s=24+s;}
if(t<0) {m--; t=new Date(akt.getFullYear(),akt.getMonth(),0).getDate()+t;}
if(m<0) {j--; m=12+m;}

var z="";
if(j) {z = j + " Jahr"; if(j>1) z += "en";}
if(m) {if(z) z += ", "; z += (m + " Monat"); if(m>1) z += "en";}
if(t) {if(z) z += ", "; z += (t + " Tag"); if(t>1) z += "en";}
if(s) {if(z) z += ", "; z += (s + " Stunde"); if(s>1) z += "n";}
if(u) {if(z) z += " und "; z += (u + " Minute"); if(u>1) z += "n";}
document.write(z);
}
// ]]>
</script>

<div>Text hier einfügen
<strong><script type="text/javascript">countUp()</script></strong>.
<noscript><div>
 
Zuletzt bearbeitet von einem Moderator:
Code: 
<script type="text/javascript">
// <![CDATA[
function countUp() {
var jahr=2001, monat=11, tag=5, stunde=0, minute=0, second=0; // Jahrestag hier angeben

var akt=new Date();
var j=akt.getFullYear()-jahr;
var m=akt.getMonth()+1-monat;
var t=akt.getDate()-tag;
var s=akt.getHours()-stunde;
var u=akt.getMinutes()-minute;
var sec=akt.getSeconds()-second;

if(sec<0) {m--; sec=60+sec;}
if(u<0) {s--; u=60+u;}
if(s<0) {t--; s=24+s;}
if(t<0) {m--; t=new Date(akt.getFullYear(),akt.getMonth(),0) .getDate()+t;}
if(m<0) {j--; m=12+m;}

var z="";
if(j) {z = j + " Jahr"; if(j>1) z += "en";}
if(m) {if(z) z += ", "; z += (m + " Monat"); if(m>1) z += "en";}
if(t) {if(z) z += ", "; z += (t + " Tag"); if(t>1) z += "en";}
if(s) {if(z) z += ", "; z += (s + " Stunde"); if(s>1) z += "n";}
if(u) {if(z) z += " und "; z += (u + " Minute"); if(u>1) z += "n";}
if(sec) {if(z) z += " und "; z += (sec + " Sekunde"); if(sec>1) z += "n";}

document.write(z);
}
// ]]>
</script>

<div>Text hier einfügen
<strong><script type="text/javascript">countUp()</script></strong>.
<noscript><div>
Habs nicht probiert, sollte aber so funktionieren :))
 
Zuletzt bearbeitet von einem Moderator:
Vielen Dank. Eine letzte Frage: wie steuere ich Schriftgröße und -farbe?
 
=> www.selfhtml.org.

Dir fehlen wirklich alle Basics. So etwas zu Lernen macht SPASS! :)
 
Danke!
 
Das Script ist Super - aber wie muß man es umbauen dass die Sekunden "Live" hochzählen.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben Unten