Archivlink: javarea.de Forum > JavaScript > countdown einfügen ...zu alt ...zu dumm
Vollständigen Link anzeigen: javarea.de Forum > JavaScript > countdown einfügen ...zu alt ...zu dumm

Pages: [1]

geschrieben von zurnetten am 11.01.2006 - 01:13
Guten Abend,

mein Sohn heiratet im Juli.

Ich möchte ihm und meiner zukünftigen Schwiegertochter eine Internetseite erstellen und dabei einen countdown einrichten. Noch .....Tage ...Stunden ...Minuten bis zur standesamtlichen Trauung.

Das passende Javascript \\\"Stichtag mit Grafik\\\" habe ich auch gefunden. Nur bin ich zu dusselig dort das Zieldatum 7.7.2006 einzustellen.

Für Hilfe wäre ich dankbar. Bin schon Ooma und der englischen Sprache nicht mächtig. Bitte eine leichtverständliche Erklärung.

Herzlichen Dank
Maja

geschrieben von Hawk am 11.01.2006 - 08:57
Hallo,

poste doch einfach mal den Code.

geschrieben von Hawk am 11.01.2006 - 10:21
Hallo,

Hier ein Script wo du sogar die Uhrzeit mit eintragen kannst.

HTML-Quelltext
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25: 
26: 
27: 
28: 
29: 
30: 
31: 
32: 
33: 
34: 
35: 
36: 
37: 
38: 
39: 
40: 
41: 
<script language="JavaScript">
<!--
function clock(){
var diffMonths=-1, diffDays=-1, diffHours=-1, diffMins=-1
var compDat = new Date("July 07, 2006 18:00:00")
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

     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(diffDays < 10) diffDays = '0' +diffDays;
     if(diffHours < 10) diffHours = '0' +diffHours;
     if(diffMins < 10) diffMins = '0' +diffMins;
     if(diffSecs < 10) diffSecs = '0' +diffSecs;
     if(changeD!=diffDays||changeH!=diffHours||changeMin!=diffMins) document.getElementById('ablauf').innerHTML="Es sind noch <font color='red'> "+ diffDays +"</font> Tage <font color='red'>" + diffHours +"</font> Stunden <font color='red'>" + diffMins +"</font> Minuten <font color='red'> " + diffSecs +"</font> Sekunden bis zur Hochzeit"
     timerID = setTimeout("clock()",1000)}

//-->
</script>
<noscript></noscript>
</head>
<body >
<a href="javascript:top.close()">Frameset schliessen</a>
<div id="ablauf">
<script>clock()</script>
</div>
</body>
</html>


geschrieben von zurnetten am 11.01.2006 - 19:09
Herzlichen Dank, es hat geklappt. Nun kann ich an der Seite weiterarbeiten, damit sie am Wochenende online gehen kann.
Soll dann heißen http://www.kasilo.de, zur Zeit ist noch der Hausbau dort zu sehen.

Liebe Grüße
Maja

geschrieben von Hawk am 11.01.2006 - 19:19
Hallo,

Na dann viel Spaß beim basteln.


Powered by: JBB v.2.0.4 Copyright ©2000-2006, www.javarea.de.