در دهمین قسمت از آموزش های جاوا اسکریپت با مبحث تاریخ در جاوا اسکریپت در خدمتتون هستم.
شیء تاریخ یا date object در جاوا اسکریپت این امکان را به ما می دهد که در صفحات وب از تاریخ استفاده کنیم و زمان را مدیریت کنیم.
نمایش تاریخ و زمان در جاوا اسکریپت
جاوا اسکریپت بطور پیش فرض از تاریخ و زمان محلی مرورگر استفاده می کند و آن را به صورت یک رشته مانند مثال زیر به نمایش در می آورد.
Sun Jan 1 2019 20:31:40 GMT+03:30 (Iran Standard Time)
ساخت شیء تاریخ در جاوا اسکریپت
اشیاء تاریخ در جاوا اسکریپت با استفاده از دستور ()new Date ساخته می شوند که یک constructor است. بر اساس این دستور چهار روش برای ساخت شیء تاریخ وجود دارد:
نکته: اشیاء تاریخ در جاوا اسکریپت استاتیک هستند؛ بدین معنی که ساعت و تاریخ سیستم شما به روز می شوند و جلو میروند اما این اشیاء بدین صورت نیستند. آن ها همان لحظه ی خروجی گرفتن را نگه می دارند و دیگر آپدیت نمی کنند.
روش اول: () new Date
دستور ()new Date یک شیء تاریخ می سازد که تاریخ و زمان آن روی زمان حال تنظیم شده اند. به عبارت دیگر هر زمان از این شیء خروجی بگیرید زمان حال را به شما برمیگرداند:
|
1 |
<br><script><br>var d = new Date();<br>document.getElementById("demo").innerHTML = d;<br></script> |
خروجی کد بالا به این صورت خواهد بود:
Tue Jun 26 2019 15:21:52 GMT+03:30 (Iran Standard Time)
روش دوم:
new Date(year, month, day, hours, minutes, seconds, milliseconds)
این دستور یک شیء تاریخی را با زمان و تاریخ خاص می سازد. هفت عددی (پارامتری) که این تابع می گیرد به ترتیب عبارت اند از سال، ماه، روز، ساعت، دقیقه، ثانیه و میلی ثانیه. برای مثال به کد زیر توجه کنید:
|
1 |
<br><script><br>var d = new Date(2016, 11, 14, 20, 31, 20, 0);<br>document.getElementById("demo").innerHTML = d;<br></script> |
نتیجه ی این دستور را در قسمت پایین مشاهده می کنید:
Mon Dec 14 2016 10:33:30 GMT+0330 (Iran Standard Time)
نکته : جاوا اسکریپت شمارش ماه ها را از صفر شروع می کند بنابراین ماه ژانویه (اولین ماه سال میلادی) می شود ماه شماره 0 و ماه دسامبر (آخرین ماه سال میلادی) می شود ماه شماره 11.
تمامی عنصرهای 7 گانه ای که بالاتر توضیح دادیم اختیاری هستند به غیر از ماه و سال.در ادامه این حالت ها را بررسی خواهیم کرد.
حالت اول با 6 عنصر که می شود سال، ماه، روز، ساعت، دقیقه، ثانیه :
|
1 |
<br>var d = new Date(2018, 11, 24, 10, 33, 30); <br> |
حالت دوم با 5 عنصر که می شود سال، ماه، روز، ساعت، دقیقه:
|
1 2 3 |
var d = new Date(2018, 11, 24, 10, 33); <br> |
حالت سوم با 4 عنصر که می شود سال، ماه، روز، ساعت:
|
1 |
var d = new Date(2018, 11, 24, 10); |
حالت چهارم با 3 عنصر که می شود سال، ماه، روز:
|
1 |
var d = new Date(2018, 11, 24); |
حالت پنجم با 2 عنصر که می شود سال، ماه:
|
1 |
var d = new Date(2018, 11); |
حالت ششم:
اگر تنها یک عنصر به تابع تاریخ داده شود آن عنصر به عنوان میلی ثانیه در نظر گرفته می شود.
|
1 |
<script><br>var d = new Date(2018);<br>document.getElementById("demo").innerHTML = d;<br></script> |
خروجی کد بصورت زیر خواهد بود:
Thu Jan 01 1970 03:30:02
برای زبان JavaScript زمان مبدا روی اولین روز ماه ژانویه سال 1970 تنظیم شده است.اکنون ما عنصر 2018 را به عنوان مقدار میلی ثانیه به تابع می دهیم.و تابع به مقدار 2018 میلی ثانیه از زمان مبدا جلو رفته و نمایش می دهد.
در قسمت های بعدی به ادامه ی آموزش مبحث تاریخ در جاوا اسکریپت خواهیم پرداخت.امیدوارم تا اینجا مطالب براتون مفید بوده باشه.
برای اطلاعات بیشتر در ابن باره میتونید به w3schools مراجعه کنید.
