کار با تاریخ و ساعت در جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش کار با تاریخ و ساعت در جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
- 1 کار با تاریخ و ساعت در جاوااسکریپت
- 2 نحوه نمایش تاریخ و ساعت در جاوااسکریپت چگونه می باشد
- 3 نحوه ایجاد یا تعریف تاریخ و ساعت
- 4 ایجاد تاریخ و ساعت از طریق تاریخ و ساعت فعلی سیستم
- 5 ایجاد تاریخ و ساعت از طریق چیزی که خودمون تعریف میکنیم
- 6 ایجاد تاریخ و ساعت از طریق میلی ثانیه
- 7 ایجاد تاریخ و ساعت بصورت رشته ای
کار با تاریخ و ساعت در جاوااسکریپت
در زبان جاوااسکریپت یک شئ داریم به اسم Date
، که با استفاده از این شئ میتونیم بروی تاریخ و ساعت کار کنیم، یعنی مثلا تاریخ و ساعت رو نمایش بدیم یا هم میتونیم با استفاده از متدهایی که داره عملیات بروی تاریخ و ساعت انجام بدیم.
پس اینجوری میتونیم بگیم که تاریخ یا Date
در زبان جاوااسکریپت بطور کلی شئ یا Object هستند ، ( همونطور که در جلسات قبلی اشاره کردم جاوااسکریپت مبتنی بر شئ می باشد )
Free-Learn
نحوه نمایش تاریخ و ساعت در جاوااسکریپت چگونه می باشد
جاوااسکریپت تاریخ و ساعت رو بصورت میلی ثانیه میبینه و ذخیره میکنه ، یعنی بطور کلی اینو بدونید تاریخ و ساعت در جاوااسکریپت بصورت میلی ثانیه ذخیره میشه.
و اینم بدونید دیگه در یه کلام ، جاوااسکریپت تاریخ و ساعت رو از تاریخ و ساعت January 01, 1970, 00:00:00 تا به الان محاسبه میکنه، یا اینجوریم میتونیم بگیم که تاریخ و ساعت حال حاضر یعنی تعداد میلی ثانیه هایی که از تاریخ و ساعت January 01, 1970, 00:00:00 تا به الان سپری شده.
پس مثلا اگه یه عددی مثه ۱۰۰۰۰۰۰۰۰۰۰۰۰ ( میلی ثانیه ) بهش بدیم این میاد و از تاریخ ۰۱,۰۱,۱۹۷۰ تا به الان ( حال حاضر ) همین عدد رو محاسبه میکنه و بصورت تاریخ و ساعت به ما نشونش میده.
یعنی همین عدد ۱۰۰۰۰۰۰۰۰۰۰۰۰ تقریبا میشه سال ۲۰۰۱ و ماه سپتامبر و روز ۰۹
1 2 3 4 5 6 |
<script> var MyDate = new Date(1000000000000); document.write( MyDate ); </script> |
مثال شماره ۲ : بدست آوردن تعداد میلی ثانیه سپری شده از تاریخ ۰۱,۰۱,۱۹۷۰ تا حال حاضر ( همین لحظه ) با استفاده از متد ()getTime ( نگران نباشید در جلسه بعدی با متدها آشنا میشید )
1 2 3 4 5 6 7 8 |
<script> var MyDate = new Date(); var a = MyDate.getTime(); document.write( a ); </script> |
Free-Learn
نحوه ایجاد یا تعریف تاریخ و ساعت
برای ایجاد یا تعریف تاریخ و ساعت در زبان جاوااسکریپت ۴ روش وجود دارد که این روش ها به شرح زیر می باشند : یعنی دیگه بطور کلی بدونید ما میتونیم از روش های زیر تاریخ و ساعت رو یا خودمون ایجادش کنیم یا تاریخ و ساعت فعلی سیستمو ازش بگیریم.
- new Date()
- new Date(Year, Month, Day, Hour, Minute, Second, Millisecond)
- new Date(Millisecond)
- new Date(Date_String)
توضیح هر یک از روش های بالا :
- یک تاریخ و ساعت از تاریخ و ساعت خوده سیستم ( یا معمولا از مرورگر میگیره ) ایجاد میکنه
- یک تاریخ و ساعت از طریق سال ، ماه ، روز ، ساعت ، دقیقه ، ثانیه و میلی ثانیه که ما بهش میدیم ایجاد میکنه
- یک تاریخ و ساعت از طریق میلی ثانیه که ما بهش میدیم ایجاد میکنه
- یک تاریخ و ساعت از طریق تاریخ و ساعت متنی ( یا رشته ای ) که ما بهش میدیم ایجاد میکنه
Free-Learn
ایجاد تاریخ و ساعت از طریق تاریخ و ساعت فعلی سیستم
خب در ادامه ی آموزش کار با تاریخ و ساعت در جاوااسکریپت میخوایم یاد بگیریم که چجوری میشه و میتونیم تاریخ و ساعت پیش فرض سیستم رو در خروجی به نمایش در آوریم.
خب همونطور که کمی بالاتر اشاره کردم ما با استفاده از این روش میتونیم تاریخ و ساعت پیش فرض خوده سیستم رو بگیریم و در خروجی نمایش دهیم.
مثال : نمایش تاریخ و ساعت فعلی سیستم خودتون ( هرچی تاریخ و ساعت سیستم تون بود اینم نشونش میده )
1 2 3 4 5 6 |
<script> var MyDate = new Date(); document.write( MyDate ); </script> |
Free-Learn
ایجاد تاریخ و ساعت از طریق چیزی که خودمون تعریف میکنیم
خب گفتیم که در روش دوم ما میتونیم تاریخ و ساعت رو بر اساس اونچیزی که خودمون بهش میدیم تعریف و یا ایجاد کنیم، مثلا میتونیم به دلخواه خودمون سال و ماه و روز و ساعت و دقیقه و ثانیه و حتی میلی ثانیه رو مشخص کنیم.
پس یعنی در این روش ما میتونیم ۷ پارامتر ( سال و ماه و روز و ساعت و دقیقه و ثانیه و میلی ثانیه ) رو از سمت چپ به راست و به ترتیب ،به دلخواه خودمون مشخص کنیم.
مثال شماره ۱ : عدم استفاده از پارامترهای ساعت ، دقیقه ، ثانیه و میلی ثانیه ( جاوااسکریپت دیگه خودش خودکار اونارو ۰ میندازه )
1 2 3 4 5 6 |
<script> var MyDate = new Date(1992,05,15); document.write( MyDate ); </script> |
مثال شماره ۲ : تعریف و نمایش تاریخ سال ۱۹۹۲ و ماه ۰۵ و روز ۱۵ و ساعت ۲۰ و دقیقه ۰۰ و ثانیه ۰۰ و ۰ میلی ثانیه
1 2 3 4 5 6 |
<script> var MyDate = new Date(1992,05,15,20,00,00,0); document.write( MyDate ); </script> |
مثال شماره ۳ :یک تاریخ خودمون براش تعریف کردیم بعدش مقایسه میکنیم با تاریخ امروز ، اگه گذشته بود خب یه پیغام بده و اگه هنوز وقتش نرسیده یه پیغام دیگه
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
<script> var CurrentDate = new Date(); var MyDate = new Date(2019,05,10,20,00,00); var a = document.getElementById("currentDate").innerHTML = CurrentDate; var b = document.getElementById("myDate").innerHTML = MyDate; var Result = document.getElementById("result"); if( CurrentDate > MyDate ){ Result.innerHTML = "خیلی وقته که گذشته"; } else{ Result.innerHTML = "هنوز وقتش نرسیده"; } </script> |
Free-Learn
ایجاد تاریخ و ساعت از طریق میلی ثانیه
خب همونطور که در ابتدای این جلسه اشاره کردم جاوااسکریپت تاریخ و ساعت رو بطور پیش فرض بصورت میلی ثانیه ( یا به انگلیسی Millisecond ) محاسبه و ذخیره میکنه.
حتی اشاره کردم که در جاوااسکریپت زمان ( تاریخ و ساعت ) از تاریخ و ساعت سال ۱۹۷۰ ، روز ۰۱ و ماه ۰۱ و ساعت ۰۰ و دقیقه ۰۰ و ثانیه ۰۰ تا به الان محاسبه میشه.
پس ما میتونیم با استفاده از میلی ثانیه ها هم یک تاریخ و ساعت مشخص و یا تعریف نماییم، که کافیه میلی ثانیه رو بصورت زیر مشخص نماییم :
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<script> var MyDate1 = new Date(1300000000000); var MyDate2 = new Date(1600000000000); var MyDate3 = new Date(1900000000000); document.write( MyDate1 ); document.write("<br>"); document.write( MyDate2 ); document.write("<br>"); document.write( MyDate3 ); </script> |
Free-Learn
ایجاد تاریخ و ساعت بصورت رشته ای
تو این روش ما میتونیم تاریخ و ساعت رو خودمون به دلخواه خودمون و بصورت رشته ای ( String ) تعریف کنیم. ( پیشنهاد میکنم حتما آموزش کار با داده های رشته ای رو مشاهده نمایید )
اینکه میگیم رشته ای ، فک کنم دیگه خودتون بدونید ( یعنی باید تاریخ و ساعت رو درون دابل کوتیشن یا ” ” یا تک کوتیشن یا ‘ ‘ قرار بدیم )
مثال شماره ۱ : ایجاد سال ۲۰۱۵ ، ماه اُکتبر و روز ۱۶ ام و ساعت ۱۰ تمام
1 2 3 4 5 6 |
<script> var MyDate = new Date("October 16, 2015 10:00:00"); document.write( MyDate ); </script> |
- تاریخ و ساعت رو در قالب رشته به روش های مختلف میشه نوشت ، که این روش ها بصورت زیر می باشند :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 |
// معتبر و صحیح می باشند new Date("3 march 2015"); new Date("October,16,2015 10:00:00"); new Date("01/16/2015"); new Date("3 February, 2015"); new Date("2015 3 February"); new Date("3 2015 February"); new Date("February 3 2015"); new Date("February 2015 3"); new Date("2 3 2015"); new Date("3 march 2015 20:21:44"); // نامعتبر و غلط می باشند new Date("3rd February, 2015"); new Date("October-16-2015 10:00:00"); new Date("01/16/2015 20/22/22"); |