إتقان كامل لكائن التاريخ في JavaScript

[توصيات ذات صلة: فيديو تعليمي لـ JavaScript، واجهة الويب الأمامية]

بعد ذلك، سنشرح النوع الثاني من الكائنات المضمنة الشائعة في JS - كائن

التاريخ يختلف عن كائن الرياضيات ويمكن استخدامه مباشرة، في حين أن كائن التاريخ هو مُنشئ، لذلك يجب أن نمر عبر إنشاء مثيل للكائن، أي جديد قبل أن يتم استخدامه في الغالب للتعامل مع مشكلات الوقت والتاريخ في التطوير.

إنشاء مثيل لكائن التاريخ:

var date=new Date();

يمكن إنشاء كائن التاريخ بمعلمات أو بدونها، ويكون الإخراج بدون معلمات هو الوقت القياسي للنظام الحالي. إذا كانت هناك معلمات، فيمكننا إخراج الوقت الذي نريد عرضه

:

إنشاء مثيل بدون معلمات.

مثيل

بدون معلمات، سيتم عرض وقت وتاريخ النظام الحالي

الإخراج.

2: إنشاء مثيل للمعلمات

هناك نوعان من إنشاء المعلمات، وهما النوع الرقمي ونوع السلسلة ، وفيما يلي أمثلة على النوعين على التوالي

1. إنشاء المعلمات الرقمية:

var date=new Date(2021 ,1,18); // المعلمة الرقمية console.log(date);

يمكنك أن ترى أن المعلمة التي أدخلناها هي يناير، ولكن نتيجة الإخراج هي فبراير (فبراير). وسيكون الناتج الرقمي أكبر بشهر واحد من الشهر الذي أدخلناه.

2. إنشاء مثيل لمعلمات السلسلة:

var date=new Date('2021-1-18 12:56:00'); //معلمات السلسلة console.log(date);

المعلمة هي يناير، ونتيجة الإخراج هي أيضًا يناير، لذلك يتم استخدام معلمات السلسلة أكثر من المعلمات الرقمية.

ثالثًا: تنسيق السنة والشهر واليوم.

نحن نعلم بالفعل أن كائن Math يحتوي على العديد من السمات والأساليب التي يمكن استخدامها مباشرة، وينطبق الشيء نفسه على كائن التاريخ، ويمكن استخدام العديد من الأساليب أيضًا بعد إنشاء مثيل الطرق المستخدمة لتنسيق السنة والشهر واليوم:

getFullYear() إخراج العام الحالي

getMonth () إخراج الشهر الحالي (تجدر الإشارة إلى أن شهر الإخراج أقل بمقدار 1 من الشهر الفعلي، ويجب إضافة 1 إلى مخرجات الشهر الحقيقي)

getDate() إخراج اليوم الحالي

getDay () إخراج اليوم الحالي من الأسبوع (الأرقام المقابلة من الاثنين إلى الأحد: 1 2 3 4 5 6 0)

var Date=new Date();

 console.log(Date.getFullYear()); // إخراج السنة الحالية console.log(Date.getMonth() + 1); // نتيجة الإخراج هي الشهر الذي يسبق الشهر الحالي، يجب عليك إضافة 1 يدويًا للعودة وحدة التحكم للشهر الحالي .log(Date.getDate()); // إخراج اليوم الحالي من الأسبوع console.log(Date.getDay()); // إخراج اليوم الحالي من الأسبوع

إذا كنت تريد أن يكون تأثير الإخراج هو الثلاثاء، 18 يناير 2021 ، فيمكنك القيام بما يلي

(لأن يوم الأسبوع يمكنه إرجاع رقم واحد فقط، ولكن وفقًا للعادة، نريد إرجاع "يوم الأسبوع"، لذلك نتعامل مع الرقم الذي تم إرجاعه كمؤشر، ونضع الأحد إلى السبت في مصفوفة، لأن يوم الأحد يعيد 0، لذا ضع يوم الأحد في الموضع الأول للمصفوفة، والذي يتوافق مع فهرس 0)

var arr=['Sunday','Monday "،" الثلاثاء "،" الأربعاء "،" الخميس "،" الجمعة "،" السبت "]؛

فار التاريخ=تاريخ جديد();

var year=Date.getFullYear(); 

فار الشهر=Date.getMonth() + 1; 

فار تاريخ=Date.getDate();

var day=Date.getDay();  

 console.log(year + 'year' + Month + 'month' + date + 'day' + arr[day]);

رابعًا: تنسيق الساعات والدقائق

getHours()

مثل تنسيق السنوات والأشهر والأيام أعلاه

getMinutes ()

الساعة الحالية

getSeconds ()

في الدقيقة الحالية

إخراج الثاني الحالي

var Date=new Date();  

console.log(Date.getHours()); // إخراج الساعة الحالية console.log(Date.getMinutes()); // إخراج الدقائق الحالية console.log(Date.getSeconds()); ثواني

إخراج الساعات والدقائق والثواني بتنسيق مستمر:

قم بتغليفها في دالة، واستخدم العامل الثلاثي لإضافة 0 إلى أرقام أقل من 10، وهو ما يتماشى مع العادة المعتادة المتمثلة في النظر إلى

وظيفة الوقت time()

{

فار الوقت=تاريخ جديد();

var h=time.getHours();

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

فار م=time.getMinutes();

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

var s=time.getSeconds();

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

العودة h+'ساعة'+m+'دقيقة'+s+'ثانية';

}

console.log(time());

خمسة: احصل على إجمالي عدد المللي ثانية (الطابع الزمني) للوقت الحالي

يشير إجمالي عدد المللي ثانية المذكورة هنا إلى إجمالي عدد المللي ثانية من الوقت الحالي حتى 1 يناير 1970. هناك أربع طرق للتعبير عن

valueOf()

getTime. ()

تاريخ فار = تاريخ جديد () ؛

console.log(date.valueOf());   

console.log(date.getTime());

أو استخدم طريقة كتابة بسيطة أخرى var date=+new Date()

;

)

;

وتم إضافة طريقة جديدة في H5. يمكن الحصول على هذه الطريقة دون إنشاء كائن

وهي

أبسط

يتم استخدام العد التنازلي في العديد من الأماكن أثناء التطوير، مثل العد التنازلي لـ Taobao وDouble Eleven Flash Sale من JD.com، وما إلى ذلك. كيف يمكننا كتابة تأثير العد التنازلي ​​نفكر أولاً في ما تعلمناه للتو حول الحصول على الوقت الحالي، وبعد ذلك اطرح الوقت الذي حددناه، الوقت كافي، لكن من المرجح أن يكون الوقت القياسي الذي نحصل عليه رقمًا سالبًا بعد الطرح (مثل 02-12). لذا فإن الطابع الزمني الخاص بنا ذو قيمة. الطابع الزمني هو العدد الإجمالي للميلي ثانية الذي ذكرناه للتو، ولن يتكرر أبدًا لهذا الغرض، يمكننا استخدام العدد الإجمالي المحدد للميلي ثانية ناقص العدد الإجمالي الحالي للميلي ثانية تحويلات الوحدات، يمكنك الحصول على حالة عد تنازلي بسيطة أولاً، نحتاج إلى أن نكون بارعين في تذكر العلاقة بين تحويلات الوحدات:

1 ثانية = 1000 مللي ثانية

، أيام = ثوانٍ/60/60/24

ساعة = عدد الثواني/60/60%. 24

دقيقة=ثانية/60%60

ثانية=ثانية%60بالنسبة

للثواني التي لا يمكن قسمتها، يمكننا استخدام طريقة parseInt() للتقريب، باستخدام علاقة التحويل هذه، يمكن تحقيق حالة العد التنازلي هذه بسهولة باستخدام

عدد الوظائف (الوقت).

{

    var nowtime=+new Date(); // احصل على الوقت الحالي var aimtime=+new Date(time);

    var times=(aimtime-nowtime)/1000; // احصل على فارق وقت العد التنازلي (بالمللي ثانية). d<10?'0' +d:d; // أضف 0 إلى الوقت الأقل من 10

    var h=parseInt(times/60/60%24) // احصل على ساعات العد التنازلي h=h<10?'0'+h:h; // أضف 0 إلى الوقت الأقل من 10

    var m=parseInt(times/60%60) // احصل على دقائق العد التنازلي m=m<10?'0'+m:m; // أضف 0 إلى الوقت الأقل من 10

    var s=parseInt(times%60) // احصل على ثواني العد التنازلي s=s<10?'0'+s:s; // أضف 0 إلى الوقت الأقل من 10

    return d + 'day' + h + 'hour' + m + 'دقيقة' + s + 'ثانية'؛ // إرجاع العد التنازلي}

تنبيه ("يبقى العد التنازلي" + count('2022-1-18 16:30:00')); // اتصل وأدخل وقت انتهاء الهدف

واجهة

الويب الأمامية]

أعلاه هو فهم كامل لمزيد من التفاصيل حول كائن التاريخ لجافا سكريبت، يرجى الانتباه إلى المقالات الأخرى ذات الصلة على شبكة التعليمات البرمجية المصدر لمزيد من المعلومات!