آموزش 01: Live Clock - جاوااسکریپت (متوسط) ?!؟
عنوان:
آموزش 01: Live Clock - جاوااسکریپت (متوسط) ?!؟
نمونه و صفحه ی اصلی آموزش به زبان انگلیسی:
کد:
http://www.dynamicdrive.com/dynamicindex6/clock2.htm
مرورگرهایی که با نمایش این اسکریپت مشکلی ندارند:
توضیحات:
یک ساعته زنده ی جالب، همراه با آپدیته هر ثانیه و نمایش آن، به راحتی در صفحه شما و در مکانی که میخواهید نمایش داده بشه میشینه
از مهمترین امکاناته این کد اینه که به راحتی میتونید رنگ و فونتی که میخواید با اون نمایش داده بشه رو برایش تعریف کنید
با توجه به نکاته بالا یکی از کاملترین و بهترین اسکریپت ها در این زمینه هست
کدها و مراحله کار:
1.
ابتدا این کد را در محلی که میخواید ساعته شما به نمایش در بیاید در BODY کپی کنید:
کد:
<script language="javascript" src="liveclock.js"></script>
2.
حالا این کد را به جای قسمته <body> اضافه کنید تا ساعت لود شود
کد:
<body onLoad="show_clock()">
3.
یکی از این اسکریپت ها را گرفته و ترجیحا در کناره سندتان کپی / پیست کنید
کد:
http://www.dynamicdrive.com/dynamicindex6/liveclock.js
کد:
http://www.dynamicdrive.com/dynamicindex6/liveclock_lite.js
اگر میخواهید تغییری در این فایل ها بدهید آن ها را با یک editor باز کنید و قسمت هایی که میخوایید تغییر بدهید از قبیله فونت و رنگ و .... را تغییر دهید
راهنما:
پس از باز کردنه فایله js این عبارات را مشاهده میکنید:
قسمت هایی که با این رنگ هایلایت کردم رادر صورته لزوم تغییر دهید:
کد:
// Set the clock's font face:
var myfont_face = "Verdana";
// Set the clock's font size (in point):
var myfont_size = "10";
// Set the clock's font color:
var myfont_color = "#000000";
// Set the clock's background color:
var myback_color = "#FFFFFF";
// Set the text to display before the clock:
var mypre_text = "The time is: ";
// Set the width of the clock (in pixels):
var mywidth = 300;
// Display the time in 24 or 12 hour time?
// 0 = 24, 1 = 12
var my12_hour = 1;
// How often do you want the clock updated?
// 0 = Never, 1 = Every Second, 2 = Every Minute
// If you pick 0 or 2, the seconds will not be displayed
var myupdate = 1;
// Display the date?
// 0 = No, 1 = Yes
var DisplayDate = 0;
اگر بازم به توضیحات احتیاج داشتید همینجا دقیق بگید...
موفق و موید باشید
داریــــــــــوش
