طھط¹ظ„ظ… ظƒظٹظپ طھط¨ط±ظ…ط¬ ط³ط§ط¹ط© ط*ظٹط© ط¨ط§ظ„ط¬ط§ظپط§ ط³ظƒط±ظٹط¨طھ



السلام عليكم و رحمة الله تعالى و بركاته ، اخواني الأعزاء يسعدني أن أقدم الدرس مفصل الثاني في الدورة تعلم كيف تبرمج ساعة حية بالجافاسكريبت script



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




كود code HTML:










سنقوم بتعريف متغير ونعطيه قيمة الكائن
كود code HTML:




الكود code السابق يطبع الوقت الحالي وهو جامد يعني ان الساعة لا تتحرك
مثال
14:45:56
لكي نجعل الساعة تعمل بشكل دينامكي
اولا نجعلها داخل دالة
مثال


كود code HTML:




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

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



كود code HTML: النتيجة



الأن لنرجع الى الدرس مفصل

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




كود code HTML:




ونضيف هذا الكود code




كود code HTML: في اي مكان تريد اظهار الساعة فيه
والكود code بالكامل سيكون هكذا للتجربة


كود code HTML:


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









يمكنك تطوير كود code الساعة الى ما تشاء








©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©