انجام پروژه ساخت لحظه شمار
در این مطلب به شما یاد داده می شود که چگونه تاریخ معینی ( لحظه شماری ) را ، با استفاده از جاوا اسکریپت ، در سایت و یا وبلاگ خود نمایش دهید .
مثلا : در سایت ( یا وبلاگ ) خودتان می خواهید تاریخ بروز رسانی یا تاریخ تولد یکی از اعضاء را به صورت لحظه شمار ، به نمایش در آورید .
شما با استفاده از این اســــــــکریپت می توانید مدت باقی مانده را به صورت ( روز – ساعت – دقیقه و ثانیه ) را نشان دهید.
آخر توضیح این که این اسکریپت قابل اجرا در مرورگرهای زیر می باشد :
1- Fire fox = همه ورژن ها
2- Mozilla = ورژن های 1 به بالا
3- Intenet Explorer = ورژن های 3 به بالا
4- Netscape Navigator = ورژن های 3 به بالا
طرز کار و بررسی اسکریپت :
شما ابتدا این کدهایی که در زیر آمده را ، در بین تگ های < HEAD > و </HEAD> سایت ( و یا وبلاگ ) خودتان قرار می دهید .
<!-- SHORO SCRIPT -->
<SCRIPT LANGUAGE="JavaScript">
/*
SCRIPT EDITE zanjandata.com
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
*/
Maintenant = new Date;
TempMaintenant = Maintenant.getTime();
Future = new Date(2006, 2, 14);
TempFuture = Future.getTime();
DiffSec = Math.floor((TempFuture-TempMaintenant)/1000);
DiffMin = Math.floor(DiffSec/60);
Diffheure = Math.floor(DiffMin/60);
DiffJour = Math.floor(Diffheure/24);
while (DiffMin>=60)
{
DiffMin = DiffMin-60;
}
while (Diffheure>=24)
{
Diffheure = Diffheure-24;
}
while (DiffSec>=60)
{
DiffSec = DiffSec-60;
}
</SCRIPT>
<!-- ETMAM SCRIPT -->
سپس در این سطر :
Future = new Date(2006, 2, 02);
و در داخل پرانتز ، به ترتیب از چپ به راست ، سال - ماه – روز ، مورد نظر، یعنی در حقیقت تاریخ مورد نظرتان را تعیین می کنید .
سپس این اسکریپت را در بین دو تگ <BODY> و </BODY> قرار می دهید .
<!-- SHORO SCRIPT -->
<!--
SCRIPT EDITE zanjandata.com
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
-->
<SCRIPT LANGUAGE="JavaScript">
document.write('سایت تا     ' + DiffJour + ' روز , ' + Diffheure + ' ساعت, ' + DiffMin + ' دقیقه و ' + DiffSec + ' ثانیه     بروز خواهد شد ');
</SCRIPT>
<!-- ETMAM SCRIPT -->
سپس اتفاقی ( رویدادی ) که قرار است بعد از آن مدت رخ دهد را در بین دو علامت ' ' اولی قرار می دهید .
مثلا ما از : سایت تا ، برای قسمت اول اســـــــتفاده کرده ایم و همچنین برای قسمت دوم ، در بین علامت ' ' دومی ، از : بروز خواهد شد . ، استفاده کرده ایم .
document.write('سایت تا     ' + DiffJour + ' روز , ' + Diffheure + ' ساعت, ' + DiffMin + ' دقیقه و ' + DiffSec + ' ثانیه     بروز خواهد شد ');
در ضمن شــــــما می توانید تغییرات دیگری در استکریپت برای بهتر جلو کردن ، لحظه شمار ، ایجاد کنید .
مثلا می توانید با اســـــــتفاده از تگ های <FONT> و </FONT> رنگ نوشـــــت های خودتان را تغییر دهید .
بدین ترتیب که ، نوشـــــته های خودتان را در بین این تـــگ ها قرار می دهید ، در این مثال ما رنگ نوشته ها قرمز در نظر گرفته ایم و سایز آن را 8 ( اندازه بر حسب پیکسل می باشد ) و نوع فونت را arial در نظر گرفته ایم :
document.write('<font face="arial" size="8" color=#FF0000> سایت تا    </font> ' + DiffJour + ' روز , ' + Diffheure + ' ساعت, ' + DiffMin + ' دقیقه و ' + DiffSec + ' ثانیه <font face="arial" size="8" color=#FF0000>     بروز خواهد شد </font> ');
و باز هم با ذوق و سلیقه می توانید تغییراتی انجام دهید ...