منتدى ديار الجنوب
اخبار التقنية بين يديك - http://mphker.blogspot.com


منتديات تعليميه ترفيهيه
 
الرئيسيةس .و .جبحـثالتسجيلدخولالعاب مباشرة اون لاين

شاطر | 
 

 كيف تبرمج ساعه حيه بالجاف سكربت

اذهب الى الأسفل 
كاتب الموضوعرسالة
كريتوس
مشرف عام
مشرف عام
avatar

عدد المساهمات : 355
نقاط : 951
تاريخ التسجيل : 19/02/2010

مُساهمةموضوع: كيف تبرمج ساعه حيه بالجاف سكربت   الثلاثاء يوليو 19 2011, 22:44

نحتاج لكي نظهر الوقت الى كائن

date()
سنقوم بتعريف متغير ونعطيه قيمة الكائن.


var date=new Date(); // يحتوي على الوقت والتاريخ ويعمل على وقت الجهاز
var h=date.getHours(); // جلب الساعات
var m=date.getMinutes(); // جلب الدقائق
var s=date.getSeconds(); // جلب الثواني

// طباعة الساعة مع نقطتين مع الدقائق مع نقطتين مع الثواني
// ليعطي شكل الساعة المعروف
document.write(h +":"+ m +":"+ s);

الكود السابق يطبع الوقت الحالي وهو جامد يعني أن الساعة لا تتحرك. مثال:

14:45:56

لكي نجعل الساعة تعمل بشكل ديناميكي

أولا: نجعلها داخل دالة

مثال:


function clock(){
var date=new Date(); // يحتوي على الوقت والتاريخ ويعمل على وقت الجهاز
var h=date.getHours(); // جلب الساعات
var m=date.getMinutes(); // جلب الدقائق
var s=date.getSeconds(); // جلب الثواني

// طباعة الساعة مع نقطتين مع الدقائق مع نقطتين مع الثوني
// ليعطي شكل الساعة المعروف
document.write(h +":"+ m +":"+ s);
}

هل هذا يكفي ؟ بالطبع لا! سنضيف الدالة التي تاتي مع اللغة setTimeout. هذه الدالة رائعة بكل معنى الكلمة تقوم بتنفيذ دالة أخرى داخلها بعد كل وقت أنت تحدده بجزء من الثانية.

مثال خارج الدرس عن عمل هذه الدالة:


// سيتم إخراج نافذة كل خمس ثواني
// يمكن تغير الوقت كما تشاء
// 1000 = ثانية
// 5000 = خمس ثواني
setTimeout("alert('مرحبا بك في مدونة مبرمج [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

الآن لنرجع الى الدرس

كما قلنا في السابق الوقت هو 14:45:56 لن يتغير، ولكن لو قمت بتحديث الصفحة كل ثانية سترى أن الساعة تضيف ثانية إلى الوقت. الدالة setTimeout وفرت علينا هذا الجهد وتقوم بالمهمة على أكمل وجه.

إذاً سيكون الكود هكذا:


function clock(){
var date=new Date(); // يحتوي على الوقت والتاريخ ويعمل على وقت الجهاز
var h=date.getHours(); // جلب الساعات
var m=date.getMinutes(); // جلب الدقائق
var s=date.getSeconds(); // جلب الثواني

// طباعة الساعة مع نقطتين مع الدقائق مع نقطتين مع الثوني
// ليعطي شكل الساعة المعروف

var now=(h +":"+ m +":"+ s);
// هذا السطر سيعطي القيمة إلى هذا الكود
//

document.getElementById('clock').innerHTML=now;
setTimeout("clock()",1000);
}

onload=clock; // إذا مسحت هذا السطر فلن يتم إظهار الساعة

ونضيف هذا الكود في اي مكان تريد إظهار الساعة فيه


والكود بالكامل سيكون هكذا للتجربة




clock 1.0

/*
author: abdelouahid elbachiri
site : [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
date : 31.01.2009 15:20:20
*/
function clock(){
var date=new Date(); // يحتوي على الوقت والتاريخ ويعمل على وقت الجهاز
var h=date.getHours(); // جلب الساعات
var m=date.getMinutes(); // جلب الدقائق
var s=date.getSeconds(); // جلب الثواني
// طباعة الساعة مع نقطتين مع الدقائق مع نقطتين مع الثوني
// ليعطي شكل الساعة المعروف

var now=(h +":"+ m +":"+ s);
document.getElementById('clock').innerHTML=now;
setTimeout("clock()",1000);
}

onload=clock; // اذا مسحت هذا السطر لن يتم اظهار الساعة






أعرف أنني بالغت في وضع الكثير من الأكواد ولكنني أحببت أن تصل المعلومة بشكل أفضل. التجربة الحية.

منقوووووووووول
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
كيف تبرمج ساعه حيه بالجاف سكربت
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى ديار الجنوب  :: منتدى لغات البرمجة :: منتدى لغات java , ajax . jquery-
انتقل الى: