Differenz in Tagen
    
WWW.WEB-TOOLBOX.NET
ScriptCode ZURÜCK SITEMAP  

 Downcounter 01 - Tage bis Zieldatum

Dieses JavaScript errechnet aus dem Systemdatum und ihrer Vorgabe die Differenz in Tagen und zeigt eine entsprechende Meldung an Ort und Stelle an.

  Beispiel der Ausgabe  


Noch weitere X Tage bis zum 1.1.2020

Hier werden 2 Datumsangaben einbezogen:
Aktuelles Datum und Zieldatum.

Das Startdatum für den Zähler ist hier das aktuelle Systemdatum, das Zieldatum liegt in der Zukunft. Die Differenz in Tagen wird ermittelt und über eine Schreibanweisung angezeigt.
Hier sehen sie das Resultat der Schreibanweisung:



Neben der errechneten Tagesdifferenz (Zahl) wird ein erklärender Text angezeigt. Dieser Text kann im Script festgelegt werden. Neben der üblichen Anzeige sind 3 speziellere Unterscheidungen für die letzten 3 Tage vorgesehen:
  • für die Anzeige am vorletzten Tag vor dem Zieldatum
  • für die Anzeige am letzten Tag vor dem Zieldatum
  • für die Anzeige am Zieldatum


Die alternativen Texte können sie abändern und erscheinen in dieser Form:
  • Noch X Tage bis zum ...
  • Nur noch 2 Tage bis zum
  • Morgen ist der ...
  • Heute ist der ...
  • Noch X Tage bis zum Beginn des Bezirksschützenfests
  • Nur noch 2 Tage bis zum Beginn des Bezirksschützenfests
  • Morgen findet unser Bezirksschützenfest statt
  • Besuchen sie heute unser Bezirksschützenfest



  Aufwand

  • Script einkopieren (im Body da, wo der Text erscheinen soll)
  • Datum anpassen
  • Script testen

Kurzinfo JavaScript 'einbauen'

Zum Testen des Scripts: verstellen sie das Systemdatum  Nachdem sie das Datum verstellt haben, laden sie die Seite neu, indem sie 'Aktuelle Seite neu laden' (Refresh) anklicken.



  Vorgabe des Zieldatums

das Zieldatum wird mit der Variablen "date" festgelegt 
var date = new date("January 1, 2010");
oder zum Beispiel 
var date = new date("October 17, 2010");

Sie müssen die englischen Bezeichnungen für den Monat eintragen! 
January February March April May June

July August September October November December



  Positionierung der Anzeige

Den gesamten Code dieses JavaScripts kopieren sie in den BODY-Bereich ihrer Seite an genau der Position, wo die Anzeige erfolgen soll.

JavaScript innerhalb des Body-Bereichs: 


<script  type="text/javascript" language="JavaScript">
<!-- begin

var date = new date("January 1, 2010"); // Zieldatum

// hier können Sie ihren deutschen Text eintragen
var beschreibung = "1. Januar 2010";

var now = new date();
var diff = date.gettime() - now.gettime();
var days = math.floor(diff / (1000 * 60 * 60 * 24));
document.write("<center><h3>");

if (days > 1) {
document.write(days+1 + " Tage bis zum " + beschreibung);
}
else if (days == 1) { 
document.write("nur noch 2 Tage bis zum " + beschreibung);
}
else if (days == 0) {
document.write("Morgen ist der " + beschreibung);
}
else {
document.write("Heute ist der " + beschreibung + "!");
}
document.write("</h3></center>");

// end -->
</script>










NACH OBEN