خانه آموزش زبان جاوااسکریپت آموزش JS پیشرفته کار با متدهای گرفتنی یا Get در تاریخ و ساعت

کار با متدهای گرفتنی یا Get در تاریخ و ساعت

توسط

۱۳۹۹-۰۸-۱۲

این آموزش در تاریخ ۱۴۰۱/۰۳/۳۱ آپدیت شده است.

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش کار با متدهای گرفتنی یا Get در تاریخ و ساعت در جاوااسکریپت با من همراه باشید.

کار با متدهای گرفتنی یا Get در تاریخ و ساعت

Free-Learn

آنچه در این جلسه میخوانید :

1 متدهای گرفتنی یا Get در تاریخ و ساعت
2 متدهای گرفتنی یا Get محلی
3 مثال از متدهای Get محلی
4 متدهای گرفتنی یا Get جهانی
5 مثال از متدهای Get جهانی
6 مثال های بیشتر

متدهای گرفتنی یا Get در تاریخ و ساعت

خب دوستان متد که دیگه میدونید چیه ( در جلسات قبلی بارها با متدهای مختلف کار کردیم ) ، حال در این جلسه میخوایم با متدهایی که برای شئ Date ( برای کار با تاریخ و ساعت ) ایجاد شده اند کار کنیم.

بطور کلی ۲ دسته متد برای تاریخ و ساعت داریم :

متدهای گرفتنی یا گرفتن یا به انگلیسی Get ( که خودش ۲ حالت داره یکی محلی و دیگری جهانی )
متدهای ست کردنی یا تنظیم کردن یا به انگلیسی Set

متدهای گرفتنی یا Get خب مشخصه دیگه ، متدهایی که با استفاده از اونها میتونیم اطلاعاتی رو از شئ Date ( یعنی تاریخ و ساعت ) دریافت نماییم. ( این متدها ۲ نمونه هستند یکی متدهای محلی و دیگری جهانی یا سراسری )

متدهای ست کردنی یا Set هم از اسمش مشخصه ، متدهایی که با استفاده از اونها میتونیم همین اطلاعات شئ Date رو خودمون بصورت دلخواه تنظیم کنیم. ( مثلا تنظیم دستی تاریخ سال و ماه و.. )

متدهای ست کردنی یا Set رو در جلسه بعدی باهم کار خواهیم کرد، در این جلسه فقط با متدهای گرفتنی یا Get کار میکنیم.

Free-Learn

متدهای گرفتنی یا Get محلی

اینکه میگم محلی منظورم اینه که این متدها تاریخ و ساعت رو بصورت محلی ( منطقه زمانی خودمون ) دریافت و نمایش میدن ولی خب مثلا متدهای جهانی از منطقه زمانی جهانی یا سراسری یا ( Universal Time Zone ) یا مخفف UTC دریافت و نمایش میده.

در جدول زیر میتونید لیست کامل متدهای گرفتنی یا Get محلی رو در زبان جاوا اسکریپت مشاهده نمایید.

نام متد	توضیح
()getFullYear	سال را بصورت یه عدد ۴ رقمی دریافت میکند
()getMonth	ماه رو بصورت عددی ( از ۰ تا ۱۱ ) دریافت میکند ماه January میشه ۰ و December میشه ۱۱
()getDate	روز رو بصورت عددی ( از ۱ تا ۳۱ ) دریافت میکند
()getHours	ساعت رو بصورت عددی ( از ۰ تا ۲۳ ) دریافت میکند
()getMinutes	دقیقه رو بصورت عددی ( از ۰ تا ۵۹ ) دریافت میکند
()getSeconds	ثانیه رو بصورت عددی ( از ۱۰ تا ۵۹ ) دریافت میکند
()getMilliseconds	میلی ثانیه رو بصورت عددی ( از ۰ تا ۹۹۹ ) دریافت میکند
()getTime	میزان کل میلی ثانیه هایی که از تاریخ ۰۱,۰۱,۱۹۷۰ تا همین الان گذشته است را دریافت میکند
()getDay	روز از هفته رو بصورت عددی ( از ۰ تا ۶ ) دریافت میکند

Free-Learn

مثال از متدهای Get محلی

در ادامه میتونید مثال های مختلفی از متدهای Get محلی در زبان جاوااسکریپت را مشاهده نمایید ، لطفا برای مشاهده هر یک از مثال ها بروی دکمه ( امتحان کنید ) کلیک نمایید.

مثال شماره ۱ : دریافت سال و ماه و روز

<script>

var MyDate = new Date();

var My_Year = MyDate.getFullYear();
var My_Month = MyDate.getMonth()+1;
var My_Day = MyDate.getDate();

document.write( My_Year + "/" + My_Month + "/" + My_Day );

</script>

var MyDate = new Date();

var My_Year = MyDate.getFullYear();

var My_Month = MyDate.getMonth()+1;

var My_Day = MyDate.getDate();

document.write( My_Year + "/" + My_Month + "/" + My_Day );

</script>

امتحان کنید

مثال شماره ۲ : دریافت ساعت و دقیقه و ثانیه و میلی ثانیه ( بعدش با استفاده از متد ()setInterval اومدیم یه تایمر تعریف کردیم که ساعت رو در لحظه و زنده بهمون نشون بده )

<script>

function ShowTime(){
 var MyDate = new Date();
 var My_Hour = MyDate.getHours();
 var My_Minute = MyDate.getMinutes();
 var My_Second = MyDate.getSeconds();
 var My_MilliSecond = MyDate.getMilliseconds();
 var Result = document.getElementById("Result");
 Result.innerHTML = My_Hour + ":" + My_Minute + ":" + My_Second + ":" + My_MilliSecond;
}

setInterval(ShowTime, 10);

</script>

function ShowTime(){

var MyDate = new Date();

var My_Hour = MyDate.getHours();

var My_Minute = MyDate.getMinutes();

var My_Second = MyDate.getSeconds();

var My_MilliSecond = MyDate.getMilliseconds();

var Result = document.getElementById("Result");

Result.innerHTML = My_Hour + ":" + My_Minute + ":" + My_Second + ":" + My_MilliSecond;

}

setInterval(ShowTime, 10);

</script>

امتحان کنید

مثال شماره ۳ : دریافت و نمایش کل تعداد میلی ثانیه هایی که از تاریخ ۰۱, ۰۱, ۱۹۷۰ تا به الان ( همین الان در لحظه ) گذشته

<script>

var MyDate = new Date();
var My_MilliSecond = MyDate.getTime();

document.write( My_MilliSecond );

</script>

var MyDate = new Date();

var My_MilliSecond = MyDate.getTime();

document.write( My_MilliSecond );

</script>

امتحان کنید

مثال شماره ۴ : گرفتن روز از هفته و ماه از سال ( بصورت فارسی / شمسی )

<script>

var My_Current_Date = new Date();

var Days = ["یکشنه", "دوشنبه", "سه شنبه", "چهارشنبه", "پنج شنبه", "جمعه", "شنبه"];
var Months = ["دی", "بهمن", "اسفند", "فروردین", "اردیبهشت", "خرداد", "تیر", "مرداد", "شهریور", "مهر", "آبان", "آذر"];

var My_Day = Days[ My_Current_Date.getDay() ];
var My_Month = Months[ My_Current_Date.getMonth() ];

document.getElementById("RD").innerHTML = My_Day;
document.getElementById("RM").innerHTML = My_Month;

</script>

var My_Current_Date = new Date();

var Days = ["یکشنه", "دوشنبه", "سه شنبه", "چهارشنبه", "پنج شنبه", "جمعه", "شنبه"];

var Months = ["دی", "بهمن", "اسفند", "فروردین", "اردیبهشت", "خرداد", "تیر", "مرداد", "شهریور", "مهر", "آبان", "آذر"];

var My_Day = Days[ My_Current_Date.getDay() ];

var My_Month = Months[ My_Current_Date.getMonth() ];

document.getElementById("RD").innerHTML = My_Day;

document.getElementById("RM").innerHTML = My_Month;

</script>

امتحان کنید

Free-Learn

متدهای گرفتنی یا Get جهانی

در جدول زیر میتونید لیست کامل متدهای گرفتنی یا Get در حالت سراسری یا جهانی یا UTC رو در زبان جاوا اسکریپت مشاهده نمایید.

نام متد	توضیح
()getUTCFullYear	دریافت سال بر اساس تاریخ جهانی
()getUTCMonth	دریافت ماه بر اساس تاریخ جهانی
()getUTCDate	دریافت روز بر اساس تاریخ جهانی
()getUTCHours	دریافت ساعت بر اساس ساعت جهانی
()getUTCMinutes	دریافت دقیقه بر اساس ساعت جهانی
()getUTCSeconds	دریافت ثانیه بر اساس ساعت جهانی
()getUTCMilliseconds	دریافت میلی ثانیه بر اساس ساعت جهانی
()getUTCDay	دریافت روز از هفته بر اساس تاریخ جهانی

Free-Learn

مثال از متدهای Get جهانی

در ادامه میتونید مثال های مختلفی از متدهای Get جهانی در زبان جاوااسکریپت را مشاهده نمایید ، لطفا برای مشاهده هر یک از مثال ها بروی دکمه ( امتحان کنید ) کلیک نمایید.

مثال شماره ۱ : دریافت سال و ماه و روز

 var MyDate = new Date();
 var My_Year = MyDate.getUTCFullYear();
 var My_Month = MyDate.getUTCMonth()+1;
 var My_Day = MyDate.getUTCDate();

var MyDate = new Date();

var My_Year = MyDate.getUTCFullYear();

var My_Month = MyDate.getUTCMonth()+1;

var My_Day = MyDate.getUTCDate();

امتحان کنید

مثال شماره ۲ : دریافت ساعت و دقیقه و ثانیه و میلی ثانیه ( توجه داشته باشید که ساعت جهانی رو نشون میده )

 var MyDate = new Date();
 var My_Hour = MyDate.getUTCHours();
 var My_Minute = MyDate.getUTCMinutes();
 var My_Second = MyDate.getUTCSeconds();
 var My_MilliSecond = MyDate.getUTCMilliseconds();

var MyDate = new Date();

var My_Hour = MyDate.getUTCHours();

var My_Minute = MyDate.getUTCMinutes();

var My_Second = MyDate.getUTCSeconds();

var My_MilliSecond = MyDate.getUTCMilliseconds();

امتحان کنید

Free-Learn

مثال های بیشتر

مثال شماره ۱ : استفاده از کتابخانه ( jdf.scr.ir ) ( برای نمایش تاریخ شمسی / فارسی )

<script>

function gregorian_to_jalali(gy, gm, gd) {
  var g_d_m, jy, jm, jd, gy2, days;
  g_d_m = [0, 31, 59, 90, 120, 151, 181, 212, 243, 273, 304, 334];
  gy2 = (gm > 2) ? (gy + 1) : gy;
  days = 355666 + (365 * gy) + ~~((gy2 + 3) / 4) - ~~((gy2 + 99) / 100) + ~~((gy2 + 399) / 400) + gd + g_d_m[gm - 1];
  jy = -1595 + (33 * ~~(days / 12053));
  days %= 12053;
  jy += 4 * ~~(days / 1461);
  days %= 1461;
  if (days > 365) {
    jy += ~~((days - 1) / 365);
    days = (days - 1) % 365;
  }
  if (days < 186) {
    jm = 1 + ~~(days / 31);
    jd = 1 + (days % 31);
  } else {
    jm = 7 + ~~((days - 186) / 30);
    jd = 1 + ((days - 186) % 30);
  }
  return [jy, jm, jd];
}

MyDate = new Date();
Year = MyDate.getFullYear();
Month = MyDate.getMonth()+1;
Day = MyDate.getDate();

Tarikh_Shamci = gregorian_to_jalali( Year , Month , Day );
Result.innerHTML = Tarikh_Shamci[0]+'/'+Tarikh_Shamci[1]+'/'+Tarikh_Shamci[2];

</script>

function gregorian_to_jalali(gy, gm, gd) {

var g_d_m, jy, jm, jd, gy2, days;

g_d_m = [0, 31, 59, 90, 120, 151, 181, 212, 243, 273, 304, 334];

gy2 = (gm > 2) ? (gy + 1) : gy;

days = 355666 + (365 * gy) + ~~((gy2 + 3) / 4) - ~~((gy2 + 99) / 100) + ~~((gy2 + 399) / 400) + gd + g_d_m[gm - 1];

jy = -1595 + (33 * ~~(days / 12053));

days %= 12053;

jy += 4 * ~~(days / 1461);

days %= 1461;

if (days > 365) {

jy += ~~((days - 1) / 365);

days = (days - 1) % 365;

}

if (days < 186) {

jm = 1 + ~~(days / 31);

jd = 1 + (days % 31);

} else {

jm = 7 + ~~((days - 186) / 30);

jd = 1 + ((days - 186) % 30);

}

return [jy, jm, jd];

}

MyDate = new Date();

Year = MyDate.getFullYear();

Month = MyDate.getMonth()+1;

Day = MyDate.getDate();

Tarikh_Shamci = gregorian_to_jalali( Year , Month , Day );

Result.innerHTML = Tarikh_Shamci[0]+'/'+Tarikh_Shamci[1]+'/'+Tarikh_Shamci[2];

</script>

امتحان کنید

Free-Learn

دریافت PDF یا پرینت این مطلب

کار با متدهای گرفتنی یا Get در تاریخ و ساعت

Free-Learn

متدهای گرفتنی یا Get در تاریخ و ساعت

Free-Learn

متدهای گرفتنی یا Get محلی

Free-Learn

مثال از متدهای Get محلی

Free-Learn

متدهای گرفتنی یا Get جهانی

Free-Learn

مثال از متدهای Get جهانی

Free-Learn

مثال های بیشتر

Free-Learn

آموزش پیشرفته جاوااسکریپت

کار با توابع یا Functions در جاوا اسکریپت

کار با اشیاء یا Objects در جاوااسکریپت

آموزش مدیریت خطاها در جاوا اسکریپت

کار با آرایه ها یا Arrays در جاوااسکریپت

کار با متدهای آرایه ها در جاوااسکریپت

کار با تاریخ و ساعت در جاوااسکریپت

کار با متدهای گرفتنی یا Get در تاریخ و ساعت

کار با متدهای ست کردنی یا Set در تاریخ و ساعت

آموزش ویژگی flex-basis در CSS