Vollständige Beherrschung des Date-Objekts von JavaScript

[Verwandte Empfehlungen: JavaScript-Video-Tutorial, Web-Frontend]

Als nächstes erklären wir den zweiten Typ eines häufig integrierten Objekts in JS – das Date-Objekt

. Das Math-Objekt ist kein Konstruktor und kann direkt verwendet werden, während das Date-Objekt ein Konstruktor ist. Daher müssen wir die Objektinstanziierung durchlaufen, bevor es verwendet werden kann. Date-Objekte werden hauptsächlich zur Behandlung von Zeit- und Datumsproblemen in der Entwicklung verwendet.

Instanziierung des Datumsobjekts:

var date=new Date();

Die Ausgabe ohne Parameter ist die Standardzeit des aktuellen Systems .

1: Instanziierung ohne Parameter

, die Uhrzeit und das Datum des aktuellen Systems werden

angezeigt Ausgabe.

2: Instanziierung mit Parametern

Es gibt zwei Arten der Instanziierung mit Parametern, nämlich den numerischen Typ und den Zeichenfolgentyp . Im Folgenden finden Sie Beispiele für die beiden Typen:

1. Instanziierung numerischer Parameter:

var date=new Date(2021 ,1,18); //Numerischer Parameter console.log(date);

Sie können sehen, dass der von uns eingegebene Parameter Januar ist, das Ausgabeergebnis jedoch Feb (Februar) ist. Die numerische Ausgabe wird einen Monat größer sein als der von uns eingegebene Monat.

2. Instanziierung von String-Parametern:

var date=new Date('2021-1-18 12:56:00'); //String-Parameter console.log(date);

Der Parameter ist „Januar“ und das Ausgabeergebnis ist ebenfalls „Januar“, sodass Zeichenfolgenparameter häufiger verwendet werden als numerische Parameter.

Drittens: Formatieren Sie das Jahr, den Monat und den Tag.

Dasselbe gilt für das Date-Objekt. Es gibt drei häufig verwendete Methoden Verwendete Methoden zur Formatierung von Jahr, Monat und Tag:

getFullYear() Ausgabe des aktuellen Jahres

getMonth() Geben Sie den aktuellen Monat aus (es ist zu beachten, dass der Ausgabemonat 1 kleiner ist als der tatsächliche Monat und 1 zur Ausgabe des tatsächlichen Monats hinzugefügt werden sollte)

getDate() Den aktuellen Tag ausgeben

getDay() Gibt den aktuellen Wochentag aus (entsprechende Zahlen von Montag bis Sonntag: 1 2 3 4 5 6 0)

var Date=new Date();

 console.log(Date.getFullYear()); //Das aktuelle Jahr ausgeben console.log(Date.getMonth() + 1); //Das Ausgabeergebnis ist der Monat vor dem aktuellen Monat, um zurückzukehren der aktuelle Monat console .log(Date.getDate()); //Gib den aktuellen Wochentag aus console.log(Date.getDay()); //Gib den aktuellen Wochentag aus

Wenn Sie möchten, dass der Ausgabeeffekt Dienstag, 18. Januar 2021 ist, können Sie Folgendes tun

(da der Wochentag nur eine Zahl zurückgeben kann, wir aber aus Gewohnheit den „Wochentag“ zurückgeben möchten, also Wir behandeln die zurückgegebene Zahl als Index, fügen Sonntag bis Samstag in ein Array ein, da Sonntag 0 zurückgibt, also setzen wir Sonntag an die erste Position des Arrays, was dem 0-Index entspricht)

var arr=['Sunday','Monday ',' Dienstag', 'Mittwoch', 'Donnerstag', 'Freitag', 'Samstag'];

var Date=new Date();

var year=Date.getFullYear(); 

var Monat=Date.getMonth() + 1; 

var date=Date.getDate();

var day=Date.getDay();  

 console.log(Jahr + 'Jahr' + Monat + 'Monat' + Datum + 'Tag' + arr[Tag]);

Viertens: Die Formatierung von Stunden, Minuten

der Formatierung von Jahren, Monaten und Tagen

getHours()

Ausgabe der aktuellen Stunde

getMinutes() Ausgabe der aktuellen Minute

getSeconds() Gibt die aktuelle zweite

Variable aus Date=new Date();  

console.log(Date.getHours()); //Die aktuelle Stunde ausgeben console.log(Date.getMinutes()); //Die aktuelle Minute ausgeben console.log(Date.getSeconds()); Sekunden

Geben Sie Stunden, Minuten und Sekunden im kontinuierlichen Format aus:

Kapseln Sie sie in eine Funktion und addieren Sie mit dem ternären Operator 0 zu Zahlen unter 10, was der üblichen Gewohnheit entspricht, die Zeitfunktion

time()

{

var time=new Date();

var h=time.getHours();

h = h<10 ? '0'+h : h;

var m=time.getMinutes();

m = m<10 ? '0'+m : m;

var s=time.getSeconds();

s = s<10 ? '0'+s : s;

return h+'Stunde'+m+'Minute'+s+'Sekunde';

}

console.log(time());

Fünftens: Ermitteln Sie die Gesamtzahl der Millisekunden (Zeitstempel) der aktuellen Zeit.

Die hier erwähnte Gesamtzahl der Millisekunden bezieht sich auf die Gesamtzahl der Millisekunden von der aktuellen Zeit bis zum 1. Januar 1970. Es gibt vier Methoden, um

valueOf()

getTime

()

var date= new Date();

console.log(date.valueOf());   

console.log(date.getTime());

Oder verwenden Sie eine andere einfache Schreibmethode var date=+new Date(); die die Gesamtzahl der Millisekunden zurückgibt

var date=+new Date();

)

;

und eine neue Methode, die ohne Instanziierung eines Objekts abgerufen werden kann und einfacher ist:

Countdown-Fall (Schlüsselpunkt)

. Countdowns werden an vielen Stellen während der Entwicklung verwendet, beispielsweise bei Taobao, dem Double Eleven Flash Sale-Countdown von JD.com usw. Wie können wir einen Countdown-Effekt schreiben? Wir denken zuerst darüber nach, was wir gerade über das Abrufen der aktuellen Zeit gelernt haben Subtrahieren Sie die von uns festgelegte Zeit, aber die Standardzeit, die wir erhalten, ist nach der Subtraktion wahrscheinlich eine negative Zahl (z. B. 02-12). Unser Zeitstempel ist also die gerade genannte Gesamtzahl der Millisekunden. Hierzu können wir die eingestellte Gesamtzahl der Millisekunden abzüglich der aktuellen Gesamtzahl der Millisekunden verwenden Einheitenumrechnungen können Sie einen einfachen Countdown-Fall erhalten. Zuerst müssen wir uns an die Beziehung zwischen Einheitenumrechnungen erinnern:

1 Sekunde = 1000 Millisekunden

, Tage = Sekunden/60/60/24

Stunden = Sekunden Zahl/60/60 %. 24

Minuten=Sekunden/60%60

Sekunden=Sekunden%60Für

der Funktion count(time)

erreichen .

{

    var nowtime=+new Date(); //Erhalte die aktuelle Zeit var goaltime=+new Date(time); //Erhalte die Zielzeit (Endzeit)

    var times=(aimtime-nowtime)/1000; //Ermitteln Sie die Countdown-Zeitdifferenz (Millisekunden). Teilen Sie 1000, um die Sekunden zu erhalten d<10?'0' +d:d; //Füge 0 zur Zeit kleiner als 10 hinzu

    var h=parseInt(times/60/60%24) //Erhalte die Countdown-Stunden h=h<10?'0'+h:h; //Füge 0 zu der Zeit hinzu, die kleiner als 10 ist

    var m=parseInt(times/60%60) // Countdown-Minuten abrufen m=m<10?'0'+m:m; // 0 zur Zeit hinzufügen, die kleiner als 10 ist

    var s=parseInt(times%60) // Countdown-Sekunden abrufen s=s<10?'0'+s:s; // 0 zur Zeit hinzufügen, die kleiner als 10 ist

    return d + 'day' + h + 'hour' + m + 'minute' + s + 'second' //Return countdown};

warning('Der Countdown bleibt' + count('2022-1-18 16:30:00')); //Rufen Sie an und geben Sie die Endzeit des Ziels ein

[Verwandte Empfehlungen: Javascript-Video-Tutorial, Web-Frontend]

Die Oben finden Sie eine vollständige Übersicht. Weitere Informationen zum Date-Objekt von JavaScript finden Sie in anderen verwandten Artikeln im Quellcode-Netzwerk.