آشنایی بیشتر با جاوااسکریپت
سه شنبه, ۲ تیر ۱۳۹۴، ۰۶:۰۳ ب.ظ
| در این پست قصد داریم به منظور آشنایی بیشتر شما با جاوااسکریپت با مثالی برای شما گوشه ای از کاربرد جاوااسکریپت را روشن کنیم.در این مثال قصد داریم که با زبان برنامه نویسی جاوااسکریپت زمان باقی مانده تا سال 2020 میلادی را نشان دهیم. |
 |
کدی که این کار می کند در زیر آمده است و قصد داریم آن را تحلیل نماییم تا با روش کار جاوااسکریپت بیشتر آشنا شویم.
کد محاسبه ی زمان تا سال 2020 به شرح زیر است:
<html>
<head>
</head>
<body>
<h2>.::countdown until year 2020::.</h2>
<hr>
<script>
now=new Date();
year2020=new Date("jan 01 2020 00:00:00");
seconds=(year2020-now)/1000;
seconds=Math.round(seconds);
document.write("<b>seconds until year 2020:</b>"+seconds);
</script>
<hr>
<p><i>refresh your browser to see contdown the time.</i></p>
<hr>
</body>
</html>
در این کد بالا کد هایی با رنگ سبز کدهای جاوااسکریپت می باشد.نگران نباشید در پست های آینده به طور کامل در این مورد بحث خواهیم کرد و این کد تنها جنبه ی آشنایی دارد.
در خط اول این کد متغیری به نام now ایجاد کردیم و در آن شی date را تعریف کردیم.این شی زمان حال را در خود ذخیره می کند. در خط دوم متغیری دیگر به نام year20220 ایجاد کردیم و با دوباره با استفاده از شی Date در آن تاریخی ذخیره کردیم با این تفاوت که تاریخ حال ذخیره نشده است بلکه زمان بر روی ماه جون از سال 2020 تنظیم شده است.
بنابراین اگر بخواهیم زمان باقی مانده را به دست بیاوریم باید از سال 2020 زمان حال را کم کنیم.این همان کاری است که در خط سوم انجام دادیم یعنی متغیر year2020 را از متغیر now کم می کنیم.
یک نکته ی کارآمد این است که زمان ها در جاوااسکریپت بصورت هزارم ثانیه ذخیره می شوند یعنی نتیجه ی محاسبه در خط سوم بصورت هزارم ثانیه هایی که از به سال 2020 مانده است نمایش داده می شود و ما برای اینکه فهم این عدد ساده تر باشد آن را به ثانیه تبدیل می کنیم.در همان خط سوم یک عبارت تقسیم بر 1000 می بینید که این کار را برای ما انجام می دهد.
در خط بعدی این تکه کد کدی را وارد کردیم که حاصل تقسیم بر 1000 عبارت قبل را گرد یا همان رند می کند و دوباره در همان متغیر seconds ذخیره می نماید. این نکته باید گفته شود که یک متغیر در طول یک برنامه می تواند بار ها مقدار دهی شود.
در خط پایانی هم ما کدی را نوشتیم که عبارت حاصل را در صفحه نمایش می دهد.
در صورتی که کمی دانش اسکریپتی شما بالاتر برود می توانید این برنامه را توسعه دهید و دقایق باقی مانده و حتی روز های باقی مانده را هم حساب کنید.
برای دانلود این فایل می توانید از لینک زیر استفاده کنید.
شما می توانید این فایل را در مرورگر خود درگ کنید و برنامه را بطور پیشرفته تر مشاهده کنید.
