جستجو در محتوا

آگهی

نام شما:

ایمیلتان:

صفحه اصلی > نرم افزار و برنامه نویسی > آموزش جاوااسکریپت - تاریخ و زمان در جاوااسکریپت
آموزش جاوااسکریپت - تاریخ و زمان در جاوااسکریپت PDF چاپ نامه الکترونیک
نوشته شده توسط مدير سايت   
يكشنبه ۲۷ دی ۱۳۸۸ ساعت ۱۱:۲۶
فهرست مطلب
آموزش جاوااسکریپت
قابلیتهای جاوااسکریپت
پیغامهای خطا در جاوااسکریپت
در کجا باید کدهای جاوااسکریپت را نوشت
متغیرها در جاوااسکریپت
تاریخ و زمان در جاوااسکریپت
عملگرها در جاوااسکریپت
دستورات شرطی if…else
دستور switch
تکرار دستورات توسط حلقه ها javascript loops
آرایه ها Array
رویدادها و حوادث Javascript Events
شئ جاوااسکریپت چیست؟
خلق اعداد تصادفی، Random number
شئ window
خصوصیات شئ location
تمامی صفحات

 

 

تاریخ و زمان در جاوااسکریپت

Date Object
یکی از ویژگی هایی که جاوااسکریپت دارد جمع آوری اطلاعات از سیستم کاربر و نمایش آنها در صفحات وب است. همانطور که میدانید زبان اچ تی ام ال به تنهایی قادر به انجام چنین کاری نیست اما با کمک زبانهای دیگر تحت وب مانند Javascript ، می تواند تا حدودی این مشکل را برطرف کند. شئ هایی در جاوااسکریپت وجود دارند که توسط متدهای مختلف، اطلاعات مورد نیاز را از سیستم گرفته و در اختیار کاربران قرار می دهند. یکی از این object ها و شئ ها ، Date می باشد که به کمک آن می توانیم تاریخ و زمان سیستم را هنگام اجرای کد دریافت کنیم، سپس آنرا نمایش دهیم و یا اینکه در یک متغیر ذخیره کنیم تا در صورت لزوم از آن بهره گیریم. این object بصورت زیر تعریف می شود:

new Date()
به طرز نوشتن آن دقت کنید که غیر از این باشد با پیغام خطا روبرو خواهید شد چون جاوااسکریپت زبان حساسی است پس هر جا که حروف بزرگ است باید بزرگ و هر جا کوچک است باید کوچک نوشته شود. در آخر هم پرانتز می گذارید که در قسمتهای بعدی همین صفحه کارآیی آنها را درک خواهید کرد. این شئ یک رشته متنی شامل روز، ماه، سال، ساعت، دقیقه، ثانیه و اختلاف زمانی با UTC را برمیگرداند. UTC مخفف Coordinated Universal Time می باشد که به آن Zulu time هم می گویند و مطابق با استاندارد جهانی زمان است.

کد زیر را در یک سند اچ تی ام ال وارد کنید و پس از ذخیره، آنرا اجرا کنید:

<script language=”javascript” type=”text/javascript”>
document.write ( new Date() )
</script>

متدهای شئ Date
بعد از ساختن شئ جدید Date ، می توانید توسط متدهای مربوط به آن جزئیات دیگری از این شئ دریافت کنید. این شئ دارای هفت متد اصلی میباشد که بیشترین کاربرد را دارند. این متدها عبارتند از:

getDate(), getDay(), getMonth(), getYear(), getHours(), getMinutes(), getSeconds()

برای تعریف و استفاده از این متدها باید ابتدا شئ را نوشته، سپس یک نقطه بگذاریم  و بعد از نقطه متد مورد نظر را بنویسیم.
برای درک بهتر مطالب گفته شده یک تمرین را با هم انجام می دهیم. در یک صفحه وب، می خواهیم زمان ورود یک کاربر به همان صفحه را اعلام کنیم. بطور مثال:

شما دقیقاً درساعت ۱۴:۴۵:۸ وارد این صفحه شدید.
که اسکریپت آن برای برگرداندن زمان مورد نظر به صورت زیر می باشد:

<script language=”javascript” type=”text/javascript”>
var vorood = new Date()
document.write( vorood.getHours() + “:” + vorood.getMinutes() + “:” + vorood.getSeconds() )
</script>

ابتدا شئ Date را تعریف کرده و در یک متغیر به نام vorood  ذخیره می کنیم تا بکار بردن آن در قسمتهای بعدی راحت تر باشد، سپس از شئ document و متد write برای چاپ نتیجه در صفحه وب استفاده کرده و متدهای لازم برای برگرداندن اطلاعات مورد نیاز را می نویسیم. دقت کنید که برای ترکیب متدها از علامت + استفاده کردیم، این علامت باعث ترکیب و پیوند بین اجزای یک اسکریپت می شود که خاصیت آنرا در بخش بعدی operator ها یعنی عملگرها توضیح خواهم داد. ازعلامت : هم بین ساعت، دقیقه و ثانیه استفاده شده و چون می خواستیم که این علامت عیناً در صفحه نوشته شود آنرا بین علامت نقل قول یعنی “” گذاشتیم. در ضمن می توانید از کدهای اچ تی ام ال هم استفاده کنید تا زمان به شکل دلخواه شما در صفحه چاپ شود. بطور مثال اگر بخواهید که صورت Bold در صفحه نوشته شود، به شکل زیر عمل می کنید:

document.write(”<b>”+ vorood.getHours()+ “:”+ …… + “</b>”)

نکته: هنگامیکه از متد getMonth() برای برگرداندن عدد ماه استفاده می کنید باید همیشه آنرا بعلاوه عدد یک کنید چون جاوااسکریپت اولین ماه میلادی را برابر با عدد صفر قرار می دهد.

document.write( new Date().getMonth()+1 )

در مورد متد getYear() هم اگر می خواهید نتیجه کامل برگردد یعنی سال بصورت چهاررقمی نوشته شود باید از متد getFullYear() استفاده کنید.

اگر هم بخواهید تمام مقادیر بر اساس UTC برگردانده شوند، باید این کلمه را در وسط متد مورد نظر وارد کنید. بدین صورت:
getUTCFullyear(), getUTCDate(), getUTCHours(), getUTCMinutes()

تنظیم تاریخ و زمان
شئ Date به غیر از متدهای ذکر شده در بالا، دارای متدهای دیگری است که توسط آنها می توانید زمان و تاریخی را بصورت دلخواه تنظیم کنید. در اینگونه متدها بجای کلمه get باید از set استفاده کنید و مقدار معینی را در پرانتز وارد کنید. بطور مثال می خواهیم همین موقع را در سال ۲۰۰۸ داخل صفحه چاپ کنیم.

<script language=”javascript” type=”text/javascript”>
var zaman = new Date()
zaman.setFullYear(2008)
document.write ( zaman )
</script>

نتیجه ای که این اسکریپت برمیگرداند بصورت زیر است، به روز هفته در اول خط و سال در آخر خط توجه کنید که برای سال ۲۰۰۸ تنظیم شده است.
Wed Feb 20 2008 14:45:08 GMT+0330 (Iran Standard Time)