title: Javascript innerHTML animation
body: <p>I have a Countdown in Javascript and HTML. Its working through innerHTML and I want a animation when changing the values from innerHTML.</p>
  
  <p>Countdown is working perfectly!</p>
  
  <p>Javascript:</p>
  
  <pre><code>var jahr=2016, monat=5, tag=15, stunde=11, minute=2, sekunde=00; var zielDatum=new Date(jahr,monat-1,tag,stunde,minute,sekunde); function countdown() {
  startDatum=new Date(); // Aktuelles Datum
  
  if(startDatum&lt;zielDatum)  {
      var jahre=0, monate=0, tage=0, stunden=0, minuten=0, sekunden=0;
  
        while(startDatum&lt;zielDatum) {
          jahre++;
          startDatum.setFullYear(startDatum.getFullYear()+1);
        }
        startDatum.setFullYear(startDatum.getFullYear()-1);
        jahre--;
  
        while(startDatum&lt;zielDatum) {
          monate++;
          startDatum.setMonth(startDatum.getMonth()+1);
        }
        startDatum.setMonth(startDatum.getMonth()-1);
        monate--;
  
        while(startDatum.getTime()+(24*60*60*1000)&lt;zielDatum) {
          tage++;
          startDatum.setTime(startDatum.getTime()+(24*60*60*1000));
        }
  
        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+"";
        (monate!=1)?monate=monate+"":monate=monate+"";
        (tage!=1)?tage=tage+"":tage=tage+"";
        (stunden!=1)?stunden=stunden+"":stunden=stunden+"";
        (minuten!=1)?minuten=minuten+"":minuten=minuten+"";
        if(sekunden&lt;10) sekunden="0"+sekunden;
        (sekunden!=1)?sekunden=sekunden+"":sekunden=sekunden+"";
  
        document.getElementById('days').innerHTML = ""+tage+""; 
        document.getElementById('hours').innerHTML = ""+stunden+""; 
        document.getElementById('minutes').innerHTML = ""+minuten+""; 
        document.getElementById('seconds').innerHTML = ""+sekunden+""; 
  
      if(tage==1){
          dayText = "Tag";
      } else {
          dayText = "Tage";
      }
  
      if(stunden==1){
          hoursText = "Stunde";
      } else {
          hoursText = "Stunden";
      }
  
      if(minuten==1){
          minutesText = "Minute";
      } else {
          minutesText = "Minuten";
      }
  
      if(sekunden==1){
          secondsText = "Sekunde";
      } else {
          secondsText = "Sekunden";
      }
  
      document.getElementById('daysText').innerHTML = ""+dayText+""; 
      document.getElementById('hoursText').innerHTML = ""+hoursText+""; 
      document.getElementById('minutesText').innerHTML = ""+minutesText+""; 
      document.getElementById('secondsText').innerHTML = ""+secondsText+""; 
  
        setTimeout('countdown()',200);
      } else {
  
  
      } 
  }
  </code></pre>
  
  <p>HTML: </p>
  
  <pre><code>&lt;div class="time days"&gt;
                      &lt;div id="days" class="value"&gt;00&lt;/div&gt;
                      &lt;div id="daysText" class="unit"&gt;Days&lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="time hours"&gt;
                      &lt;div id="hours" class="value"&gt;00&lt;/div&gt;
                      &lt;div id="hoursText" class="unit"&gt;Hours&lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="time minutes"&gt;
                      &lt;div id="minutes" class="value"&gt;00&lt;/div&gt;
                      &lt;div id="minutesText" class="unit"&gt;Minutes&lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="time seconds"&gt;
                      &lt;div id="seconds" class="value"&gt;00&lt;/div&gt;
                      &lt;div id="secondsText" class="unit"&gt;Seconds&lt;/div&gt;
                  &lt;/div&gt;
  </code></pre>
  
  <p>And how can I do for example a fadeInDown animation?</p>
  
  <p>Thanks!</p>