Counter bis zum nächsten 3. Samstag im Monat

Hangasilly · 24 November 2012

Hallöchen zusammen...

ich hex nun schon ne weile an nem Counter rum, der die Zeit von jetz bis zum nächsten 3. Samstag im Monat runterzählen soll...
Leider komme ich nicht so ganz zurecht, aber denke, es wird mit Sicherheit auch einfacher gehen...

Grundgedank is, dass der nächste 3. Samstag vom jetzigen 3. Samstag ja immer 4 wochen auseinander liegen sollte - sprich 28 Tage... also will ich 28 Tage im Format >>tt Tage, hh Stunden, mm Minuten und ss Sekungen<< runterzählen lassen.
Nun hab ich mir auch schon ein halbwegs funktionierendes Java-Script gebastelt, aber das funkitioniert leider nicht so ganz...:

Code:

<script type = "text/javascript">

function getSeconds() {
var now = new Date();
var time = now.getTime(); 
var midnight = new Date(now.getFullYear(),now.getMonth(),now.getDate(),0,0,0); 
var ft = midnight.getTime() + 2432640000;  
var diff = ft - time;  
diff = parseInt(diff/1000);
if (diff > 24326400) {diff = diff - 24326400}
startTimer (diff);
}


var timeInSecs;
var ticker;

function startTimer(secs){
timeInSecs = parseInt(secs);
ticker = setInterval("tick()",1000); 
tick(); 
}

function tick() {
var secs = timeInSecs;
if (secs>0) {
timeInSecs--;
}
else {
clearInterval(ticker); 

}

var days= Math.floor(secs/86400);
secs %= 86400;
var hours= Math.floor(secs/3600);
secs %= 3600;
var mins = Math.floor(secs/60);
secs %= 60;
var result = ((days< 10 ) ? "0" : "" ) + days+ " Tage " + ((hours < 10 ) ? "0" : "" ) + hours + " Stunden " + ( (mins < 10) ? "0" : "" ) + mins
                  + " Minuten " + ( (secs < 10) ? "0" : "" ) + secs + " Sekunden";
document.getElementById("countdown").innerHTML = "Das nächste Event findet statt in " + result;
}


</script>

....

<span id="countdown" style="font-weight: bold;">

Zum einen habe ich hier das Problem, dass der Counter mir permanent noch 27 Tage anzeigt... aber die Restzeit funzt... zum anderen bin ich mir nicht wirklich sicher, ob das mit den 28 Tagen hinkommt

Ein anderer Gedanke - damit bin ich aber leider komplett überfordert - ist ein Code, der da sagt:

Code:

get Date(tt,hh,mm,ss)
get newDate(  newDate=(date('w') == 6 && date('d') >= 15 && date('d') <= 22 && date('H') >= 00 && date('H')<= 24) )

>>Rechne newDate - Date = Countdown (tt,hh,mm,ss)

Zeige Countdown<<

^ ^Hoffe mein Kauderwelschcode is verständlich, aber wüsste nun nicht, wie ichs sons ausdrücken sollte ;)

Sempervivum · 24 November 2012

Hallo,
das mit den 28 Tagen wird nicht hinkommen, da ein Monat mehr als 28 Tage hat. Dadurch verschiebt sich die Lage des Samstages und irgendwann wird es nicht mehr der dritte sein. Ich empfehle, in einer Schleife vom 1. des Monats ausgehend den 1. Samstag zu suchen. Darauf kannst Du dann 14 Tage aufaddieren, dann ist es der 3. Samstag. Das musst Du für den aktuellen und den nächsten Monat machen. Ist der dritte Samstag im aktuellen Monat größer als das aktuelle Datum ist er der nächste. Andernfalls ist es der im nächsten Monat.
Edit: Geht auch ohne Schleife:

Code:

jetzt = new Date();
jahr = jetzt.getFullYear();
erster = new Date(jahr, monat, 1);
var wTag = erster.getDay();
if (5 - wTag >= 0) datum1Freitag = 5 - wTag; else datum1Freitag = 12 - wTag;
datum3Freitag = datum1Freitag + 14;

oder mit Schleife

Code:

jetzt = new Date();
jahr = jetzt.getFullYear();
tag = 1:
erster = new Date(jahr, monat, 1);
wTag = erster.getDay(); 
while (wTag !=5)
{
  if (wTag == 6) wTag = 0; else wTag ++; 
  tag++;
}
datum3Freitag = tag + 14;

Hangasilly · 24 November 2012

Sempervivum schrieb:
Hallo,
das mit den 28 Tagen wird nicht hinkommen, da ein Monat mehr als 28 Tage hat. Dadurch verschiebt sich die Lage des Samstages und irgendwann wird es nicht mehr der dritte sein. Ich empfehle, in einer Schleife vom 1. des Monats ausgehend den 1. Samstag zu suchen. Darauf kannst Du dann 14 Tage aufaddieren, dann ist es der 3. Samstag. Das musst Du für den aktuellen und den nächsten Monat machen. Ist der dritte Samstag im aktuellen Monat größer als das aktuelle Datum ist er der nächste. Andernfalls ist es der im nächsten Monat.

öäm... erstmal besten Dank für die Antwort.. aber ich glaube, das übersteigt dann meine Prgramierkenntnisse bei Weitem :( .... bin grad total überfordert nun^^

Sempervivum · 24 November 2012

Mein Editieren hat sich mit deinem Post überschnitten. Lies mal was ich in meinem ersten Post was ich editiert habe.

Hangasilly · 25 November 2012

Ah ok, nun erschließt sich mir das was du meinst auch^^.. besten Dank dann dafür^^

öäm eine kurze Frage, in deinem Tag gehts aber jetzt um den 3. Freitag, oder sehe ich das falsch???

Hangasilly · 25 November 2012

hmpf.. nu gibt mir das ganze nixmehr aus hier *seufz*:

Code:

function getSeconds() 
jetzt = new Date();
jahr = jetzt.getFullYear();
tag = 1:
erster = new Date(jahr, monat, 1);
wTag = erster.getDay(); 
while (wTag !=5)
{
  if (wTag == 6) wTag = 0; else wTag ++; 
  tag++;
}
datum3Freitag = tag + 14;

startTimer (jetzt);
}


var timeInSecs;
var ticker;

function startTimer(secs){
timeInSecs = parseInt(secs);
ticker = setInterval("tick()",1000); 
tick(); 
}

function tick() {
var secs = timeInSecs;
if (secs&gt;0) {
timeInSecs--;
}
else {
clearInterval(ticker); 

}

var days= Math.floor(secs/86400);
secs %= 86400;
var hours= Math.floor(secs/3600);
secs %= 3600;
var mins = Math.floor(secs/60);
secs %= 60;
var result = ((days < 10 ) ? "0" : "" ) + days+ " Tage " + ((hours < 10 ) ? "0" : "" ) + hours + " Stunden " + ( (mins < 10) ? "0" : "" ) + mins
                  + " Minuten " + ( (secs &lt; 10) ? "0" : "" ) + secs + " Sekunden";
document.getElementById("countdown").innerHTML = "Das nächste Event findet statt in " + result;
}

...


<span id="countdown" style="font-weight: bold;">

irgendwie steh ich grade voll aufem Schlauch.. mag dran liegen, dass Sonntag is, KP löl... begreif grad voll nicht, was ich machen muss :-\

Sempervivum · 25 November 2012

Auf jeden Fall fehlt da ein </span>:

Code:

<span id="countdown" style="font-weight: bold;">[b]</span>[/b]

Wo hast Du dieses Skript denn her?

Hangasilly · 26 November 2012

Ursprünglich war das mal ein script für nen Tagescountdown... also von 00:00h bis 24:00h - ich hab das dann auf 28 Tage hochgesetzt, aber dann festgestellt, dass mein Versuch leider gescheitert is.. und dann hab ich mich an die Com hier damit gewandt..^^

Der </span> is drin, wurde nur nicht mit kopiert, sry...
Das ganze Dingen steht in nem TPL von nem wbb - sprich is in nem html-script...
Darunter is noch ne Tabelle zu sehen, wo man sich eintragen kann - das ganze mit dem EIntragen funzt über ne DB-Tabelle... das klappt auch alles... man kann sich vom Sonntag nach dem 3. Sa bis zum Fr vor dem nächsten 3. Sa eintragen und dann schaltet die seite um, dass am 3. Sa nurnoch die Tabelle ohne eintragemöglichkeit gezeigt wird... das passiert dann um 6uhr morgens und ab 24:00 bzw 0:00h des Tages danach kommt die Tabelle wieder geleert und man kann sich neu eintragen...

Es geht nun nurnoch darum, nen COuntdown einzufügen, der da zeigt, wie lange man sich noch eintragen kann...

Das TPL sieht wie fogt aus nun:

Code:

<!DOCTYPE html>
<head>
<title>$master_board_name | {$lang->items['LANG_FAQ_FAQ']}</title>
$headinclude

<script type = "text/javascript">
function getSeconds() {
var now = new Date(2012,11,27);
var time = now.getTime();  // time now in milliseconds
var midnight = new Date(now.getFullYear(),now.getMonth(),now.getDate(),0,0,0); // midnight 0000 hrs
// midnight - change time hh,mm,ss to whatever time required, e.g. 7,50,0 (0750)
var ft = midnight.getTime() + 2432640000;  // add one day
var diff = ft - time;  
diff = parseInt(diff/1000);
if (diff > 24326400) {diff = diff - 24326400}
startTimer (diff);
}


var timeInSecs;
var ticker;

function startTimer(secs){
timeInSecs = parseInt(secs);
ticker = setInterval("tick()",1000); 
tick(); // to start counter display right away
}

function tick() {
var secs = timeInSecs;
if (secs>0) {
timeInSecs--;
}
else {
clearInterval(ticker); // stop counting at zero
//getSeconds();  // and start again if required
}

var days= Math.floor(secs/86400);
secs %= 86400;
var hours= Math.floor(secs/3600);
secs %= 3600;
var mins = Math.floor(secs/60);
secs %= 60;
var result = ((days< 10 ) ? "0" : "" ) + days+ " Tage " + ((hours < 10 ) ? "0" : "" ) + hours + " Stunden " + ( (mins < 10) ? "0" : "" ) + mins
                  + " Minuten " + ( (secs < 10) ? "0" : "" ) + secs + " Sekunden";
document.getElementById("countdown").innerHTML = "Das nächste Event findet statt in " + result;
}


</script>

</head>

<body onload = "getSeconds()">

$header
<table cellpadding="{$style['tableincellpadding']}" cellspacing="{$style['tableincellspacing']}" border="{$style['tableinborder']}" style="width:{$style['tableinwidth']}" class="tableinborder">
<tr>
<td class="tablea"><table cellpadding="0" cellspacing="0" border="0" style="width:100%">
<tr class="tablea_fc">
<td align="left"><span class="smallfont"><b><a href="index.php{$SID_ARG_1ST}">$master_board_name</a> &raquo;
Monatsevent</b></span></td>
<td align="right"><span class="smallfont"><b>$usercbar</b></span></td>
</tr>
</table></td>
</tr>
</table><br />
<table cellpadding="{$style['tableincellpadding']}" cellspacing="{$style['tableincellspacing']}" border="{$style['tableinborder']}" style="width:{$style['tableinwidth']}" class="tableinborder">
<tr align="left">
<td class="tablecat" colspan="2"><span class="normalfont"><p align="center"><font color="ff0000" size=5>Kinder Walhallas - Das Monatsevent<font></p></span></td>
</tr>
<tr align="left">
<td class="tableb" style="width:100%"><span class="normalfont">



<font size="4"><center><u>Monatsevent:</u></center></font><br>
<br>
Das Event ... blahblahblah....<br>
<br>
Zum Anmelden müsst ihr euch einfach unten in die Liste eintragen!<br>
<br>
</span>

<table align="center" border='2'>
<tr><td colspan="4" align="center"><font color="ff0000"><u><span id="countdown" style="font-weight: bold;"></span></u></font></td></tr>
<tr><td colspan="4" align="center">Es wurden  <b>$anzahl</b>  Teilnehmer gefunden.</td></tr>
<tr>
<colgroup width="300" height="60" span="4">
<th><b>Name</b></th>
<th><b>Level</b></th>
<th><b>Fraktion</b></th>
<th><b>eingeben am:</b></th>
</colgroup>
</tr>
$testbit



<tr><td colspan="4" align="center">
<table align="center"><br>
<tr class="tablea">
<form method="POST" action="test.php">
<input type="hidden" name="action" value="neu">
  <tr>
    <td width="60%"><b>Eintrag 1:</b></td>
    <td width="40%"> <input type="text" name="text1" size="20"  value="Text1" onfocus="if(this.value == this.defaultValue) this.value = '';" onblur = "if(!this.value) this.value = this.defaultValue;"></td>
  </tr>
  <tr>
    <td width="60%"><b>Eintrag2 :</b></td>
    <td width="40%"> <input type="text" name="text2" size="20"  value="Text2" onfocus="if(this.value == this.defaultValue) this.value = '';" onblur = "if(!this.value) this.value = this.defaultValue;"></td>
</tr>
  <tr>
    <td width="60%"><b>Eintrag 3:</b></td>
    <td width="40%"> <input type="text" name="text3" size="20"  value="Text3" onfocus="if(this.value == this.defaultValue) this.value = '';" onblur = "if(!this.value) this.value = this.defaultValue;"></td>
  </tr>
  <tr>
    <td width="60%"></td>
    <td width="40%"><br><input type="submit" value="Eintragen" name="neu"></td>
  </tr>
</form>
</tr>

</table>
</td></tr>
</table>
<br><br>
</td>
</tr>

</table>
 $footer

</body>
</html>

</html>

Sempervivum · 26 November 2012

Na, wenn Du das mit dem Eintragen geschafft hast, wird das mit Countdown auch noch klappen. Ich würde empfehlen, dass Du dir mit Google ein Countdown-Skript suchst und das mit dem 3. Samstag dort integrierst. Solche Skripts wirst Du viele finden.

Hangasilly · 26 November 2012

Sempervivum schrieb:
Na, wenn Du das mit dem Eintragen geschafft hast, wird das mit Countdown auch noch klappen. Ich würde empfehlen, dass Du dir mit Google ein Countdown-Skript suchst und das mit dem 3. Samstag dort integrierst. Solche Skripts wirst Du viele finden.

^^genau das war ja mein ursprünglicher plan... aber blöderweise klappt das mit dem 3. Samstag ja nicht :( .. darum brauch ich ja Hilfe^^

Sempervivum · 26 November 2012

Bei dem 3. Samstag helfe ich dir schon. Such dir erst mal ein passendes Skript mit einem Countdown bis zu einem festen Zeitpunkt und dann sehen wir weiter. Das was Du da hast, habe ich nur mal überflogen und nicht genau angesehen.

Hangasilly · 26 November 2012

Na ok, dann schonmal besten Dank für deinen bisherigen und noch kommenden Beistand ;)
Werd nun aufe Suche gehen und mich dann wieder hier melden^^

edit:/ hab da was bis zu nem bestimmten Datum:

Code:

<script language="JavaScript" type="text/javascript">
<!--
function ZeitAnzeigen()
{
    var Jahr    = 2005;
    var Monat   = 6;
    var Tag     = 24;
    var Stunde  = 0;
    var Minute  = 0;
    var Sekunde = 0;


    var now  = new Date();
    var then = new Date(Jahr, (Monat - 1), Tag, Stunde, Minute, Sekunde);
    var diff = then.getTime() - now.getTime();
    var rap1 = rap2 = rap3 = rap4 = 0;

    if (diff >= 0)
    {
        var gap4 = Math.floor(diff / (1000));
        var gap3 = Math.floor(gap4 / (60));
        var gap2 = Math.floor(gap3 / (60));
        var gap1 = Math.floor(gap2 / (24));

        var rap1 = Math.floor(gap1);
        var rap2 = Math.floor(gap2 - (gap1 * 24));
        var rap3 = Math.floor(gap3 - (gap2 * 60));
        var rap4 = Math.floor(gap4 - (gap3 * 60));
    }

    var Zeit = rap1 + ' Tage, ' + rap2 + ' Stunden, ' + rap3 + ' Minuten, ' + rap4 + ' Sekunden';

    document.getElementById('timer').firstChild.nodeValue = Zeit;

    if (diff >= 0)
        setTimeout('ZeitAnzeigen();', 1000);
}

onload = ZeitAnzeigen;
//-->
</script>

</head>

<body>

<p>Die Anmeldefrist endet in:</p> <span id="timer">&nbsp;</span>

</body>

nun muss nur anstatt das feste Datum immer der jeweils nächste 3. Samstag angezählt werden...

Sempervivum · 26 November 2012

Dann wollen wir das doch mal probieren:

Code:

// Dritten Samstag im Monat ermitteln
function get3Samstag (jahr, monat)
{
  erster = new Date(jahr, monat, 1);
  var wTag = erster.getDay();
  datum1Freitag = 6 - wTag + 1;
  return datum1Freitag + 14;
}
// Jahr und Monat von heute ermitteln
jetzt = new Date();
jahr = jetzt.getFullYear();
monat = jetzt.getDate();
// 3. Samstag fuer den aktuellen Monat ermitteln
samstagAktuell = get3Samstag (jahr, monat);
dateSamstagAktuell = new Date(jahr, monat, samstagAktuell);
// Jahr und Monat des naechsten Monats ermitteln
if (monat == 11)
{
  monatNaechster = 0;
  jahrNaechster = jahr++;
}
else
{
  monatNaechster = monat++;
  jahrNaechster = jahr;
}
samstagNaechster = get3Samstag (jahrNaechster, monatNaechster);
dateSamstagNaechster = new Date(jahrNaechster, monatNaechster, samstagNaechster);
dateHeute = newDate (jahr, monat, jetzt.getDate());
// Pruefen, ob der 3. Samstag in diesem Monat schon vorbei ist
if (dateHeute.getTime() > dateSamstagAktuell.getTime())
{
  // Naechster 3. Samstag ist der im naechsten Monat
  then =  dateSamstagNaechster;
}
else
{
  // Naechster 3. Samstag ist der in diesem Monat
  then = dateSamstagAktuell;
}

Ungetestet, probier mal, ob es so funktioniert. Wenn nicht, dann benutze die Fehlerkonsole und wenn Du damit nicht zum Ziel kommst, poste den Code einer vollständigen HTML-Testseite mit dem Skript.
Viel Erfolg und viele Grüße - Ulrich
Edit: Ungünstig ist, dass jede Sekunde die ganze lange Berechnung durchgeführt wird, obwohl das gar nicht nötig ist, denn die Variable "then" ändert sich ja nur einmal im Monat. Könnte man so ändern:

Code:

var diff = then.getTime() - now.getTime();
if (Math.floor (diff / 1000) == 0
{
  // Jetzt muss der naechste 3. Samstag ermittelt werden
}

Hangasilly · 27 November 2012

ähm.. also ich bi mir ziemlich sicher, dass ich die Codes falsch zusammengeschmissen habe, weil einfach nix ausgegeben wird... magst vllt kurz mal drübergucken?

Code:

<html>

<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Neue Seite 1</title>
<script language="JavaScript" type="text/javascript">

// Dritten Samstag im Monat ermitteln
function get3Samstag (jahr, monat)
{
  erster = new Date(jahr, monat, 1);
  var wTag = erster.getDay();
  datum1Freitag = 6 - wTag + 1;
  return datum1Freitag + 14;
}
// Jahr und Monat von heute ermitteln
jetzt = new Date();
jahr = jetzt.getFullYear();
monat = jetzt.getDate();

// 3. Samstag fuer den aktuellen Monat ermitteln
samstagAktuell = get3Samstag (jahr, monat);
dateSamstagAktuell = new Date(jahr, monat, samstagAktuell);

// Jahr und Monat des naechsten Monats ermitteln
if (monat == 11)
{
  monatNaechster = 0;
  jahrNaechster = jahr++;
}
else
{
  monatNaechster = monat++;
  jahrNaechster = jahr;
}
samstagNaechster = get3Samstag (jahrNaechster, monatNaechster);
dateSamstagNaechster = new Date(jahrNaechster, monatNaechster, samstagNaechster);
dateHeute = newDate (jahr, monat, jetzt.getDate());

// Pruefen, ob der 3. Samstag in diesem Monat schon vorbei ist
if (dateHeute.getTime() < dateSamstagAktuell.getTime())
{
  // Naechster 3. Samstag ist der im naechsten Monat
  then =  dateSamstagNaechster;
}
else
{
  // Naechster 3. Samstag ist der in diesem Monat
  then = dateSamstagAktuell;
}

    var now  = new Date();
    var then = new Date(Jahr, (Monat - 1), Tag, Stunde, Minute, Sekunde);
    var diff = then.getTime() - now.getTime();
    var rap1 = rap2 = rap3 = rap4 = 0;

    if (diff >= 0)
    {
        var gap4 = Math.floor(diff / (1000));
        var gap3 = Math.floor(gap4 / (60));
        var gap2 = Math.floor(gap3 / (60));
        var gap1 = Math.floor(gap2 / (24));

        var rap1 = Math.floor(gap1);
        var rap2 = Math.floor(gap2 - (gap1 * 24));
        var rap3 = Math.floor(gap3 - (gap2 * 60));
        var rap4 = Math.floor(gap4 - (gap3 * 60));
    }

    var Zeit = rap1 + ' Tage, ' + rap2 + ' Stunden, ' + rap3 + ' Minuten, ' + rap4 + ' Sekunden';

    document.getElementById('timer').firstChild.nodeValue = Zeit;

    if (diff >= 0)
        setTimeout('ZeitAnzeigen();', 1000);
}

onload = ZeitAnzeigen;
//-->
</script>

</head>

<body>

<p>Die Anmeldefrist endet in:</p> <span id="timer">&nbsp;</span>



</html>

Sempervivum · 27 November 2012

Ich hatte doch geschrieben, dass Du die Fehlerkonsole benutzen sollst. Diese findest Du im Firefox unter Extras - Webentwickler - Fehlerkonsole. Diese zeigte als erstes eine Syntaxfehler an, der dadurch entstand, dass die Funktion ZeitAnzeigen nicht definiert war; dieses fehlte:

Code:

function ZeitAnzeigen ()
{

Außerdem ist die Firefox-Erweiterung Firebug sehr nützlich, wenn man so ein Skript debuggen will. Es waren noch einige andere Fehler drin, die ich mit Firebug gefunden habe. Jetzt läuft es:

Code:

<html>

<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Neue Seite 1</title>
<script language="JavaScript" type="text/javascript">

// Dritten Samstag im Monat ermitteln
function get3Samstag (jahr, monat)
{
  erster = new Date(jahr, monat, 1);
  var wTag = erster.getDay();
  datum1Freitag = 6 - wTag + 1;
  return datum1Freitag + 14;
}

function ZeitAnzeigen ()
{
    // Jahr und Monat von heute ermitteln
    jetzt = new Date();
    jahr = jetzt.getFullYear();
    monat = jetzt.getMonth();

    // 3. Samstag fuer den aktuellen Monat ermitteln
    samstagAktuell = get3Samstag (jahr, monat);
    dateSamstagAktuell = new Date(jahr, monat, samstagAktuell);

    // Jahr und Monat des naechsten Monats ermitteln
    if (monat == 11)
    {
      monatNaechster = 0;
      jahrNaechster = jahr++;
    }
    else
    {
      monatNaechster = monat + 1;
      jahrNaechster = jahr;
    }
    samstagNaechster = get3Samstag (jahrNaechster, monatNaechster);
    dateSamstagNaechster = new Date(jahrNaechster, monatNaechster, samstagNaechster);
    dateHeute = new Date (jahr, monat, jetzt.getDate());

    // Pruefen, ob der 3. Samstag in diesem Monat schon vorbei ist
    if (dateHeute.getTime() > dateSamstagAktuell.getTime())
    {
      // Naechster 3. Samstag ist der im naechsten Monat
      then =  dateSamstagNaechster;
    }
    else
    {
      // Naechster 3. Samstag ist der in diesem Monat
      then = dateSamstagAktuell;
    }

    var diff = then.getTime() - jetzt.getTime();
    var rap1 = rap2 = rap3 = rap4 = 0;

    if (diff >= 0)
    {
        var gap4 = Math.floor(diff / (1000));
        var gap3 = Math.floor(gap4 / (60));
        var gap2 = Math.floor(gap3 / (60));
        var gap1 = Math.floor(gap2 / (24));

        var rap1 = Math.floor(gap1);
        var rap2 = Math.floor(gap2 - (gap1 * 24));
        var rap3 = Math.floor(gap3 - (gap2 * 60));
        var rap4 = Math.floor(gap4 - (gap3 * 60));
    }

    var Zeit = rap1 + ' Tage, ' + rap2 + ' Stunden, ' + rap3 + ' Minuten, ' + rap4 + ' Sekunden';

    document.getElementById('timer').firstChild.nodeValue = Zeit;

    if (diff >= 0)
        setTimeout('ZeitAnzeigen();', 1000);
}

window.onload = ZeitAnzeigen;
//-->
</script>

</head>

<body>

<p>Die Anmeldefrist endet in:</p> <span id="timer">&nbsp;</span>



</html>

Hangasilly · 27 November 2012

Sehr geil... danke...

Ja sagtest du, aber du hättest auch dabei sagen sollen, wo ich das finde wie im Post jetz *gg... aber nun weiß ich mehr fürs nächste mal - man lernt eben nie aus ;)
AUf jeden fall nochmal besten dank für deine Hilfe^^

Ne ganz kleine Bitte hätte ich noch - is allerdings kein Muss, nur wenns schnell gemacht ist - hast mir ja schon genug geholfen^ ^- kriegt man das hin, dass die Zeit, wenn die Stunden, Minuten und Sekunden (NICHT DIE TAGE) unter 10 sinkt, mit 0 angezeigt wird.. spricht also Stunden, Minuten und sekunden immer 2-stellig?

Sempervivum · 27 November 2012

Ja, das ist ganz einfach:

Code:

    var Zeit = rap1 + ' Tage, ' + rap2 + ' Stunden, ' + rap3 + ' Minuten, ' + rap4 + ' Sekunden';
    if (rap2 < 10) {rap2 =0; rap3 = 0; rap4 = 0;}
    if (rap3 < 10) {rap3 = 0; rap4 = 0;}
    if (rap4 < 10) {rap4 = 0;}
    document.getElementById('timer').firstChild.nodeValue = Zeit;

Hangasilly · 27 November 2012

hm ne, geht nicht :(

Sempervivum · 27 November 2012

Ach so, das muss man natürlich machen, bevor die Variable Zeit vorbesetzt wird:

Code:

    if (rap2 < 10) {rap2 =0; rap3 = 0; rap4 = 0;}
    if (rap3 < 10) {rap3 = 0; rap4 = 0;}
    if (rap4 < 10) {rap4 = 0;}
    var Zeit = rap1 + ' Tage, ' + rap2 + ' Stunden, ' + rap3 + ' Minuten, ' + rap4 + ' Sekunden';
    document.getElementById('timer').firstChild.nodeValue = Zeit;

Hangasilly · 28 November 2012

Ähm ne... also mit dem 1. Code zeigte er alles richtig an, nur halt nicht mit 0 davor.. mit dem 2. Code zeigt er nurnoch die Tage an nun, und alles andere 0...
Sprich 16 Tage, 0 Stunden, 0 Minuten und 0 Sekunden ....

Counter bis zum nächsten 3. Samstag im Monat

Neues Mitglied

Sempervivum

Guest

Neues Mitglied

Sempervivum

Guest

Neues Mitglied

Neues Mitglied

Sempervivum

Guest

Neues Mitglied

Sempervivum

Guest

Neues Mitglied

Sempervivum

Guest

Neues Mitglied

Sempervivum

Guest

Neues Mitglied

Sempervivum

Guest

Neues Mitglied

Sempervivum

Guest

Neues Mitglied

Sempervivum

Guest

Neues Mitglied