كيفية إنشاء ساعة عمل تناظرية باستخدام HTML CSS وجافا سكريبت

ستتعلم اليوم في هذه المدونة كيفية إنشاء ساعة عمل تناظرية باستخدام HTML CSS وجافا سكريبت

مرحبًا أيها القراء ، ستتعلم اليوم في هذه المدونة كيفية إنشاء ساعة عمل تناظرية باستخدام HTML CSS وجافا سكريبت.

تسمى الساعة أو الساعة "تناظرية" عندما يكون بها عقارب متحركة و (عادةً) ساعات محددة من 1 إلى 12 لتظهر لك الوقت. بعضها يحتوي على أرقام رومانية (I ، II ، III ، إلخ) بدلاً من ذلك ، أو لا يحتوي على أرقام على الإطلاق.

كما ترى في الصورة ، هذه ساعة تناظرية تعتمد على HTML CSS & Javascript. هناك 12 علامة لإظهار الأوقات من 1 إلى 12 و 3 مقابض لإظهار الدقائق والساعات والثواني. كالعادة ، مقبض الساعة صغير ، ومقبض الدقائق أكبر من ذلك ، والمقبض الثاني أكبر بشكل عام.

إذا كنت تشعر بصعوبة في فهم ما أقوله. يمكنك مشاهدة فيديو تعليمي كامل عن هذا البرنامج (Working Analog Clock).

كما ترى في الفيديو ، فهذه ساعة عمل في الوقت الفعلي. يستغرق هذا الوقت من جهاز الكمبيوتر الخاص بك ، وليس من الخادم. أنا أشارك برنامج الساعة الحية هذا ، والذي يعمل في جافا سكريبت. لقد قمت بالفعل بمشاركة العديد من مشاريع جافا سكريبت ، انقر هنا لمشاهدتها جميعًا.

إذا كنت تحب هذا البرنامج (Working Analog Clock) وترغب في الحصول على الكود المصدري لهذا البرنامج. يمكنك الحصول عليه بسهولة من رابط التنزيل الموضح أدناه.

تعمل الساعة التناظرية في HTML CSS و JavaScript
لإنشاء هذا البرنامج (Working Analog Clock). أولاً ، تحتاج إلى تحميل ملف الاكواد من زر التحميل

الملفات

ما هو رد فعلك؟

like

dislike

love

funny

angry

sad

wow