Detaillierte Erläuterung des JavaScript-Datumsobjekts und der Konvertierung zwischen Zeitstempel und Zeit

Inhaltsverzeichnis

1. Detaillierte Erläuterung des Datumsobjekts

1.Datumsobjekt

2. Erstellen Sie ein Date-Objekt

3. Eigenschaften des Datumsobjekts

4. Datumsobjektmethode

5. Anwendung des Date-Objekts (Drosselfunktions-Zeitstempel-Schreibmethode)

2. Gegenseitige Konvertierung zwischen Zeitstempel und Zeit

1. Konvertieren Sie die Zeit in einen Zeitstempel

2. Konvertieren Sie den Zeitstempel in die Zeit


1. Detaillierte Erläuterung des Datumsobjekts

1.Datumsobjekt

Datumsobjekte werden zum Arbeiten mit Datums- und Uhrzeitangaben verwendet.

2. Erstellen Sie ein Date-Objekt

 let date = new Date();

3. Eigenschaften des Datumsobjekts

Attribute beschreiben
Konstrukteur Gibt einen Verweis auf die Datumsfunktion zurück, die dieses Objekt erstellt hat
Prototyp Bietet Ihnen die Möglichkeit, Objekten Eigenschaften und Methoden hinzuzufügen

4. Datumsobjektmethode

 Das ist mein Date heute

(1) getDate() gibt einen Tag des Monats zurück (1-31)

            let date = new Date();
            console.log(date.getDate());

(2) getDay() gibt einen Wochentag zurück (0-6)

            let date = new Date();
            console.log(date.getDay());

 (3) getFullYear() gibt das Jahr zurück

            let date = new Date();
            console.log(date.getFullYear());

(4) getHours() gibt die Stunde (0-23) des Date-Objekts zurück

            let date = new Date();
            console.log(date.getHours());

(5) getMillseconds() gibt die Millisekunden des Date-Objekts zurück (0-999)

            let date = new Date();
            console.log(date.getMilliseconds());

 

 (6) getMinutes() gibt den Monat (0-11) des Date-Objekts zurück, da der Monat 0-11 zurückgibt, sodass im Allgemeinen der Monat + 1 ermittelt werden muss

            let date = new Date();
            console.log(date.getMonth());

 

 (7) getSeconds() gibt die Sekunden des Date-Objekts zurück (0-59)

            let date = new Date();
            console.log(date.getSeconds());

 (8) getTime() gibt die Anzahl der Millisekunden vom 1. Januar 1970 bis heute zurück, also den Zeitstempel

            let date = new Date();
            console.log(date.getTime());

 

Dies sind die Methoden des Date-Objekts, die wir häufig verwenden. Weitere Methoden finden Sie im Rookie-Tutorial

JavaScript-Datumsobjekt | Tutorial für Anfänger JavaScript-Datumsobjekt Datumsobjekt Das Datumsobjekt wird zum Arbeiten mit Datums- und Uhrzeitangaben verwendet. Erstellen Sie ein Datumsobjekt: new Date() Die folgenden vier Methoden können auch ein Datumsobjekt erstellen: var d = new Date(); var d = new Date(milliseconds); // Der Parameter ist Millisekunden var d = new Date(dateString ); var d = neues Datum (Jahr, Monat, Tag, Stunde. https://www.runoob.com/jsref/jsref-obj-date.html

5. Anwendung des Date-Objekts (Drosselfunktions-Zeitstempel-Schreibmethode)

Date.now() entspricht date.getTIme(), um den Zeitstempel abzurufen

            function throttled(fn, delay) {
                let oldTime = Date.now();
                return function (...args) {
                    let newTIme = Date.now();
                    if (newTIme - oldTime >= delay) {
                        fn.apply(this, args);
                        oldTime = Date.now();
                    }
                };
            }

2. Gegenseitige Konvertierung zwischen Zeitstempel und Zeit

1. Konvertieren Sie die Zeit in einen Zeitstempel

            // Date.parse()不推荐这种写法,毫秒级别的数值直接被转化为000
            let date1 = Date.parse(new Date());
            // valueOf()函数返回指定对象的原始值获得准确的时间数值
            let date2 = new Date().valueOf();
            // getTime()通过原型方法直接获得当前时间的毫秒数
            let date3 = new Date().getTime();
            // Number() 将时间转化为一个number类型的数值
            let date4 = Number(new Date());
            console.log(date1);
            console.log(date2);
            console.log(date3);
            console.log(date4);

Das Druckergebnis ist wie folgt

2. Konvertieren Sie den Zeitstempel in die Zeit

 (1) Handschriftliche Konvertierungsfunktion mithilfe der Datumsobjektmethode

            // 时间戳转换成时间格式
            var formatDate = function (date) {
                // 如果传入的时间戳为10位需*1000,时间戳为13位的话不需乘1000
                date = new Date(date);
                var y = date.getFullYear();
                var m = date.getMonth() + 1;
                var d = date.getDate();
                var h = date.getHours();
                var m1 = date.getMinutes();
                var s = date.getSeconds();
                // 过滤格式
                m = m < 10 ? '0' + m : m;
                d = d < 10 ? '0' + d : d;
                h = h < 10 ? '0' + h : h;
                m1 = m1 < 10 ? '0' + m1 : m1;
                s = s < 10 ? '0' + s : s;
                // 拼接时间格式
                return y + '-' + m + '-' + d + ' ' + h + ':' + m1 + ':' + s;
            };
            console.log(formatDate(1685671570448));

Anders ausgedrückt: Sie können das folgende Stunden-, Minuten- und Sekundenformat gemäß now.toTimeString().substr(0, 8) erhalten, was bequemer ist

            // 时间戳转换成时间格式
            var formatDate = function (date) {
                // 如果传入的时间戳为10位需*1000,时间戳为13位的话不需乘1000
                date = new Date(date);
                var y = date.getFullYear();
                var m = date.getMonth() + 1;
                var d = date.getDate();

                // 过滤格式
                m = m < 10 ? '0' + m : m;
                d = d < 10 ? '0' + d : d;

                return y + '-' + m + '-' + d + ' ' + date.toTimeString().substr(0, 8);
            };
            console.log(formatDate(1685671570448));

Die Ausgabe ist wie folgt

 (2) Sie können die Ersetzungsmethode zum Transponieren verwenden

            function getLocalTime(nS) {
                // parseInt可解析一个字符串,并返回一个整数
                // toLocalString()方法可根据本地时间把date对象转换为字符串,并返回结果
                // replace利用正则进行匹配替换
                return new Date(parseInt(nS)).toLocaleString().replace(/:\d{1,2}$/, ' ');
            }
            console.log(getLocalTime(1685671570448));

Die Ausgabe ist wie folgt

Ich denke du magst

Origin blog.csdn.net/qq_63299825/article/details/130999891
Empfohlen
Rangfolge