"Zeit-Zähler" in eine Webseite einbauen...

  • Ersteller Gelöschtes Mitglied 14776
  • Erstellt am
G

Gelöschtes Mitglied 14776

Guest
Servus erstmal,

ich würde für meine Website gerne einen zeit-Zähler einbauen, der mir (wenn ich ihn starte) die zeit ab dem Zeitpunkt in "tagen:Stunden:Minuten:Sekunden" anzeigt. vielleicht noch Monate, wenn das nicht zu viel ist.

ich hab schon solche Zähler gesehen, welche nach der "PC-Uhr" gehen, ich hab aber noch keinen gescheiten HTML-Code gefunden.

könnte mir da jemand helfen? nen Link senden?
hab schon auf ]http://de.selfhtml.org/ gesucht, aber nix gefunden...
(Bei der Rechtschreibprüfung ist die Bearbeitungsfunktion deaktiviert)
Rechtschreibprüfung abbrechen
 
Wenn Du diese Anzeige nicht sehen willst, registriere Dich und/oder logge Dich ein.
wie meinst du das? soll der user sozusagen auf "start" klicken und dann soll die zeit gezählt werden?
Oder möchtest du einen Tag Uhrzeit festlegen können von dem an die zeit gezählz wird?

ich hab da eben mal was zu sammengefrickelt.

das ganze gibt die zeit in sekunden aus welche vom timestamp "start" bis zum heutigen tag vergangen sind.

Code: 
<html>
<head>
<title>Test</title>
<script type="text/javascript">
function time () {
	var start = 1234567;
	var jetzt = new Date();
	var dif = Math.floor((jetzt/1000) - start);
	document.Uhr.time.value = dif;
	setTimeout("time()", 1000);
}
</script>
</head>
<body onLoad="time()">
<form name="Uhr">
	<input type="text" name="time" />
</form>
</body></html>

und btw ;) in diesem board gibt es ein unter board wo das hier eigentlich reingehört, da es ja was programmier technisches ist
 
Zuletzt bearbeitet:
boh danke, das nenne ich support!
ich muss mich erstmal ein bisschen damit beschäftigen...
du hast mich aber echt schon viel weiter gebracht.

EDIT: boh ich krieg das net hin. jetzt aber ganz konkret:
kannst du den script so ändern, dass er von dem "new date (2006, 2, 20, 0, 0) ;" bis heute zählt? vielleicht noch in stunden?
wenn ich das bei start einfüge, kommt eine endlos lange, negative zahl raus du trotzdem hochgezählt wird.
ich hatte leider bis heute noch keine erfahrung mit diesen funktionen....

...ich habe mal einen simplen timer gesehen, der über die windows-uhrzeit einen countdown zu einer bestimmten uhrzeit gezählt hat ("Zeit bis zum release: 14 Tage 13 Stunden 11 Minuten 47 Sekunden")
jemand eine ahnung davon???
 
Zuletzt bearbeitet von einem Moderator:
Bitteschön:

<html>
<head>
<script language="JavaScript">

///////// Ziel-Datum hier eintragen !!! /////////

var jahr=2222, monat=2, tag=22, stunde=22, minute=22, sekunde=22;
var zielDatum=new Date(jahr,monat-1,tag,stunde,minute,sekunde);

function countdown() {
startDatum=new Date();

if(startDatum<=zielDatum) {

var jahre=0, monate=0, tage=0, stunden=0, minuten=0, sekunden=0;

if(startDatum<zielDatum) {
while(startDatum<zielDatum) {
if(startDatum.setFullYear(startDatum.getFullYear()+1)<=zielDatum) jahre++;
}
startDatum.setFullYear(startDatum.getFullYear()-1);
}

var restTage=0;
var m=startDatum.getMonth();
if(m==1-1|| m==3-1||m==5-1||m==7-1||m==8-1||m==10-1||m==12-1)
restTage=31-startDatum.getDate();
else if(m==4-1|| m==6-1||m==9-1||m==11-1) restTage=30-startDatum.getDate();
else if(m==2-1) {
if(startDatum.getFullYear()%4==0 && (startDatum.getFullYear()%100!=0
|| startDatum.getFullYear()%400==0))
restTage=29-startDatum.getDate(); // Schaltjahr
else restTage=28-startDatum.getDate();
}

var startTag=startDatum.getDate();
var zielTag=zielDatum.getDate();
startDatum.setDate(1);
zielDatum.setDate(1);

if(startDatum<zielDatum) {
while(startDatum<zielDatum) {
if(startDatum.setMonth(startDatum.getMonth()+1)<=zielDatum) monate++;
}
startDatum.setMonth(startDatum.getMonth()-1);
}

if(startDatum.getMonth()==zielDatum.getMonth()) {
if(startTag<=zielTag) startDatum.setDate(startTag);
else {
monate--;
tage=restTage+1;
}
}
else {
startDatum.setMonth(startDatum.getMonth()+1);
if(startTag>=zielTag) tage=restTage+1;
else {
monate++;
startDatum.setDate(startTag);
}
}
zielDatum.setDate(zielTag);

restTage=Math.floor((zielDatum-startDatum)/(24*60*60*1000));
startDatum.setTime(startDatum.getTime()+restTage*24*60*60*1000);
tage+=restTage;

stunden=Math.floor((zielDatum-startDatum)/(60*60*1000));
startDatum.setTime(startDatum.getTime()+stunden*60*60*1000);

minuten=Math.floor((zielDatum-startDatum)/(60*1000));
startDatum.setTime(startDatum.getTime()+minuten*60*1000);

sekunden=Math.floor((zielDatum-startDatum)/1000);

(jahre!=1)?jahre=jahre+" Jahre, ":jahre=jahre+" Jahr, ";
(monate!=1)?monate=monate+" Monate, ":monate=monate+" Monat, ";
(tage!=1)?tage=tage+" Tage, ":tage=tage+" Tag, ";
(stunden!=1)?stunden=stunden+" Stunden, ":stunden=stunden+" Stunde, ";
(minuten!=1)?minuten=minuten+" Minuten und ":minuten=minuten+" Minute und ";
if(sekunden<10) sekunden="0"+sekunden;
(sekunden!=1)?sekunden=sekunden+" Sekunden":sekunden=sekunden+" Sekunde";

document.countdownform.countdowninput.value=
jahre+monate+tage+stunden+minuten+sekunden;

setTimeout('countdown()',200);
}
else document.countdownform.countdowninput.value=
"0 Jahre, 0 Monate, 0 Tage, 0 Stunden, 0 Minuten und 00 Sekunden";
}
</script>
</head>

<body onload="countdown()">
<form name="countdownform">
<p>
<input size="75" name="countdowninput">
</p>
</form>
</body>

</html>
Zum Vergrößern anklicken....
 
Zuletzt bearbeitet:
Code: 
<html>
<head>

<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 = 23 - CurHour
Minuteleft = 59 - CurMinute
Secondleft = 59 - CurSecond
var Yearleft = 106 - CurYear
var Monthleft = 02 - CurMonth
var Dateleft = 22 - 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=""}
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>

</head>
<body onload="startclock()">
<form name="frm">
<div align="center"><center><p><font face="Verdana"><strong><u>Verbleibende Tage
      bis 2000:<br>
      </u></strong><input type="text" size="60" name="left"> </font></small></p>
      </center></div>
</form>
</body>
</html>

hier, hab ich da http://www.webmasternetz.de/java/counter.htm gefunden und ein kleines bisschen angepasst...


edit: hups zu langsam....
 
perfekt was die beiden da gepostet haben :) und dabei konnte ich noch nicht mal js und hab mir das vorhin so zusammen geschustert :d
 
hättest du meinen post gelesen wüsstest du, dass auch ich von js kein plan hab........
 
OH MEIN GOTT!
wenn ihr mal schaut, wann ich diesen post erstellt habe, werdet ihr wissen warum ich das jetzt nicht ausprobieren kann aber schonmal VIELEN DANK für eure mühen!!!!!!!
 
tsie schrieb:
<html>
<head>
<script language="JavaScript">

///////// Ziel-Datum hier eintragen !!! /////////

var jahr=2222, monat=2, tag=22, stunde=22, minute=22, sekunde=22;
var zielDatum=new Date(jahr,monat-1,tag,stunde,minute,sekunde);

function countdown() {
startDatum=new Date();

if(startDatum<=zielDatum) {

var jahre=0, monate=0, tage=0, stunden=0, minuten=0, sekunden=0;

if(startDatum<zielDatum) {
while(startDatum<zielDatum) {
if(startDatum.setFullYear(startDatum.getFullYear() +1)<=zielDatum) jahre++;
}
startDatum.setFullYear(startDatum.getFullYear()-1);
}

var restTage=0;
var m=startDatum.getMonth();
if(m==1-1|| m==3-1||m==5-1||m==7-1||m==8-1||m==10-1||m==12-1)
restTage=31-startDatum.getDate();
else if(m==4-1|| m==6-1||m==9-1||m==11-1) restTage=30-startDatum.getDate();
else if(m==2-1) {
if(startDatum.getFullYear()%4==0 && (startDatum.getFullYear()%100!=0
|| startDatum.getFullYear()%400==0))
restTage=29-startDatum.getDate(); // Schaltjahr
else restTage=28-startDatum.getDate();
}

var startTag=startDatum.getDate();
var zielTag=zielDatum.getDate();
startDatum.setDate(1);
zielDatum.setDate(1);

if(startDatum<zielDatum) {
while(startDatum<zielDatum) {
if(startDatum.setMonth(startDatum.getMonth()+1)<=z ielDatum) monate++;
}
startDatum.setMonth(startDatum.getMonth()-1);
}

if(startDatum.getMonth()==zielDatum.getMonth()) {
if(startTag<=zielTag) startDatum.setDate(startTag);
else {
monate--;
tage=restTage+1;
}
}
else {
startDatum.setMonth(startDatum.getMonth()+1);
if(startTag>=zielTag) tage=restTage+1;
else {
monate++;
startDatum.setDate(startTag);
}
}
zielDatum.setDate(zielTag);

restTage=Math.floor((zielDatum-startDatum)/(24*60*60*1000));
startDatum.setTime(startDatum.getTime()+restTage*2 4*60*60*1000);
tage+=restTage;

stunden=Math.floor((zielDatum-startDatum)/(60*60*1000));
startDatum.setTime(startDatum.getTime()+stunden*60 *60*1000);

minuten=Math.floor((zielDatum-startDatum)/(60*1000));
startDatum.setTime(startDatum.getTime()+minuten*60 *1000);

sekunden=Math.floor((zielDatum-startDatum)/1000);

(jahre!=1)?jahre=jahre+" Jahre, ":jahre=jahre+" Jahr, ";
(monate!=1)?monate=monate+" Monate, ":monate=monate+" Monat, ";
(tage!=1)?tage=tage+" Tage, ":tage=tage+" Tag, ";
(stunden!=1)?stunden=stunden+" Stunden, ":stunden=stunden+" Stunde, ";
(minuten!=1)?minuten=minuten+" Minuten und ":minuten=minuten+" Minute und ";
if(sekunden<10) sekunden="0"+sekunden;
(sekunden!=1)?sekunden=sekunden+" Sekunden":sekunden=sekunden+" Sekunde";

document.countdownform.countdowninput.value=
jahre+monate+tage+stunden+minuten+sekunden;

setTimeout('countdown()',200);
}
else document.countdownform.countdowninput.value=
"0 Jahre, 0 Monate, 0 Tage, 0 Stunden, 0 Minuten und 00 Sekunden";
}
</script>
</head>

<body onload="countdown()">
<form name="countdownform">
<p>
<input size="75" name="countdowninput">
</p>
</form>
</body>

</html>
Zum Vergrößern anklicken....

bei mir kommen da immer fehler! ich hab alles ausprobiert! muss ich wirklich nur dort (var zielDatum=new Date(jahr,monat-1,tag,stunde,minute,sekunde)) ein zieldatum eintragen?
könntest du mir lieber nen script reinknallen, der schon läuft, und wo ich nur DEINE variablem abändern muss?!
sorry das ich das problem nicht selbst lösen kann, aber ich bein da echt zu blöd für...
 
hat sich erledigt.
hab einen script auf nem englischen forum bekommen.
danke trotzdem!!!
 
Anmelden, um zu antworten.

Ähnliche Themen

K
Upgrade für Gaming & etwas OC ( Primär Fragen bezüglich RAM )
Antworten
2
Aufrufe
310
KoMa_Deus
K
Tweakstone
Rage 128 (pro) Projekt - Mithilfe erwünscht
Antworten
18
Aufrufe
784
Tweakstone
Tweakstone
Burnz84
[User-Review] QNAP 432X 4G mit 8TB Toschiba N300 HDDs
Antworten
3
Aufrufe
846
Burnz84
Burnz84
M
[User-Review] Lesertest/Review zum DeepCool AK620 Digital
Antworten
5
Aufrufe
833
Squall2010
Squall2010
IchbinOlaf
[User-Review] Acemagic AM18
Antworten
8
Aufrufe
5K
Infin1tum
Infin1tum
Hardwareluxx setzt keine externen Werbe- und Tracking-Cookies ein. Auf unserer Webseite finden Sie nur noch Cookies nach berechtigtem Interesse (Art. 6 Abs. 1 Satz 1 lit. f DSGVO) oder eigene funktionelle Cookies. Durch die Nutzung unserer Webseite erklären Sie sich damit einverstanden, dass wir diese Cookies setzen. Mehr Informationen und Möglichkeiten zur Einstellung unserer Cookies finden Sie in unserer Datenschutzerklärung.


Zurück
Oben Unten refresh