[la-finest]

Hallo,

ich hoffe es hat jmd Erfahrungen mit YahooWidgets.

Ich möchte ein Countdown erstellen, das JS funzt in Combination mit HTML perfekt!

    <script language="JavaScript">
      // Ziel-Datum in MEZ
      var jahr=2007, monat=3, tag=10, stunde=15, minute=30, sekunde=00;
      var zielDatum=new Date(jahr,monat-1,tag,stunde,minute,sekunde);
      
        
      function countdown() {
        startDatum=new Date(); // Aktuelles Datum
        // Countdown berechnen und anzeigen, bis Ziel-Datum erreicht ist
        if(startDatum<zielDatum)  {
          var jahre=0, monate=0, tage=0, stunden=0, minuten=0, sekunden=0;
          // Jahre
          while(startDatum<zielDatum) {
            jahre++;
            startDatum.setFullYear(startDatum.getFullYear()+1);
          }
          startDatum.setFullYear(startDatum.getFullYear()-1);
          jahre--;
          // Monate
          while(startDatum<zielDatum) {
            monate++;
            startDatum.setMonth(startDatum.getMonth()+1);
          }
          startDatum.setMonth(startDatum.getMonth()-1);
          monate--;
          // Tage
          while(startDatum.getTime()+(24*60*60*1000)<zielDatum) {
            tage++;
            startDatum.setTime(startDatum.getTime()+(24*60*60*1000));
          }
          // Stunden
          stunden=Math.floor((zielDatum-startDatum)/(60*60*1000));
          startDatum.setTime(startDatum.getTime()+stunden*60*60*1000);
          // Minuten
          minuten=Math.floor((zielDatum-startDatum)/(60*1000));
          startDatum.setTime(startDatum.getTime()+minuten*60*1000);
          // Sekunden
          sekunden=Math.floor((zielDatum-startDatum)/1000);
          // Anzeige formatieren
          //(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+"  - bis zum Wiedersehen!";
          setTimeout('countdown()',200);
        }
        // Anderenfalls alles auf Null setzen
        else document.countdownform.countdowninput.value=
            "0 Jahre,  0 Monate,  0 Tage,  0 Stunden,  0 Minuten  und  00 Sekunden";
      }
</script>

aber im Widget bringt er immer einen Fehler ... Syntax error in Line 87 was diese Zeile wäre: if (startDatum < zielDatum)

Code from Widget:

<widget>
<debug>on</debug>
<window>
<name>main_window</name>
<height>30</height>
<width>200</width>
<visible>true</visible>
<text>
<name>DateTime</name>
<data>123</data>
<color>#555555</color>
<size>14</size>
<alignment>left</alignment>
<vOffset>20</vOffset>
<hOffset>10</hOffset>
</text>
</window>
// Einstellungsfesnter Abteilung
//______________________________
<preference>
<name>jahr</name>
<title>Jahr</title>
<type>text</type>
<defaultValue>2007</defaultValue>
<description>Jahr</description>
</preference>

<preference>
<name>monat</name>
<title>Monat</title>
<type>text</type>
<defaultValue>3</defaultValue>
<description>Monat</description>
</preference>
<preference>
<name>tag</name>
<title>Tag</title>
<type>text</type>
<defaultValue>10</defaultValue>
<description>Tag</description>
</preference>
<preference>
<name>stunde</name>
<title>Stunde</title>
<type>text</type>
<defaultValue>15</defaultValue>
<description>Stunde</description>
</preference>
<preference>
<name>minute</name>
<title>Minute</title>
<type>text</type>
<defaultValue>30</defaultValue>
<description>Minute</description>
</preference>
<preference>
<name>sekunde</name>
<title>Sekunde</title>
<type>text</type>
<defaultValue>0</defaultValue>
<description>Sekunde</description>
</preference>

// Action Abteilung
//_________________
<action trigger="onLoad">

// Ziel-Datum in MEZ
var jahr=2007, monat=3, tag=10, stunde=15, minute=30, sekunde=00;
var zielDatum=new Date(jahr,monat-1,tag,stunde,minute,sekunde);
var startDatum = new Date(); // Aktuelles Datum
function countdown() 
{
// Countdown berechnen und anzeigen, bis Ziel-Datum erreicht ist
if (startDatum < zielDatum)
{
var jahre=0, monate=0, tage=0, stunden=0, minuten=0, sekunden=0;
// Jahre
while(startDatum<zielDatum)
{
jahre++;
startDatum.setFullYear(startDatum.getFullYear()+1);
}
startDatum.setFullYear(startDatum.getFullYear()-1);
jahre--;
// Monate
while(startDatum<zielDatum) 
{
monate++;
startDatum.setMonth(startDatum.getMonth()+1);
}
startDatum.setMonth(startDatum.getMonth()-1);
monate--;
// Tage
while(startDatum.getTime()+(24*60*60*1000)<zielDatum) 
{
tage++;
startDatum.setTime(startDatum.getTime()+(24*60*60*1000));
}
// Stunden
stunden=Math.floor((zielDatum-startDatum)/(60*60*1000));
startDatum.setTime(startDatum.getTime()+stunden*60*60*1000);
// Minuten
minuten=Math.floor((zielDatum-startDatum)/(60*1000));
startDatum.setTime(startDatum.getTime()+minuten*60*1000);
// Sekunden
sekunden=Math.floor((zielDatum-startDatum)/1000);
// Anzeige formatieren
(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";
DateTime.value = jahre+monate+tage+stunden+minuten+sekunden;
setTimeout('countdown()',200);
}
// Anderenfalls alles auf Null setzen
else DateTime.value = "0 Jahre, 0 Monate, 0 Tage, 0 Stunden, 0 Minuten und 00 Sekunden";
}
countdown();
</action>
<action trigger="onPreferencesChanged">
countdown();
</action>

</widget>

Hoffe einer kann helfen

Greetz,
la-finest