كيفية صنع ساعة رقمية

المحتوى

الاتجاهات
نصائح
مراجع

إذا لم تكن قد عثرت على نموذج ساعة رقمية مثالي ، فيمكنك إنشاء نموذجك باستخدام لغة برمجة HTA. مع الميزات التي يوفرها Internet Explorer ، تدمج هذه اللغة كل إمكانات HTML و JavaScript في سطح المكتب. يمكن للمطورين إضافة ساعات رقمية إلى صفحات الويب باستخدام بضعة أسطر من JavaScript. ومع ذلك ، باستخدام لغة HTA ، من الممكن إنشاء قوالب مخصصة باستخدام خصائص CSS.

الاتجاهات

ليس من الضروري أن يكون لديك ساعة مادية لمعرفة الوقت (مارتن بول / Photodisc / غيتي إيماجز)

افتح "المفكرة" والصق العبارة التالية في المستند الجديد:

اختبار HTA

اكتب = "text / css"> .clockStyle {border: thick dotted blue؛ لون الخلفية: # FFFF00 ؛ العرض: 100 بكسل ؛ الارتفاع: 20 بكسل ؛ محاذاة النص: المركز ؛ }
يعرّف قسم "النمط" من هذا الرمز ، المعروض في النهاية ، الفئة المسماة "clockStyle". تحدد هذه الفئة مظهر الساعة. على سبيل المثال ، تقوم سمات الحدود بإدراج خط حد منقط باللون الأزرق على مدار الساعة. الخلفية صفراء. تميز معلمات العرض والارتفاع دقة البكسل الخاصة بالكائن.
أضف كتلة JavaScript التالية أسفل الكود من الخطوة السابقة:

لاحظ المتغيرات "windowWidth" و "windowHeight" في الجزء العلوي من التعليمات البرمجية. سوف يتحكمون في حجم النافذة التي تحتوي على الساعة الرقمية. تغيير هذه القيم بالطريقة التي تريدها.
أضف الكود التالي أدناه الموضح في القسم الأخير:

>

سيؤدي هذا إلى إنشاء عنصر "div" ، أي نص الساعة. تشير صفة صفك إلى إعلان نمط CSS ، الموضح سابقًا.
اضغط على "Ctrl" و "S" في وقت واحد واكتب "DigitalClock.hta" في حقل "اسم الملف" المعروض في نافذة "حفظ باسم". انقر فوق "حفظ" لحفظ اسم الملف.
افتح "مستكشف Windows" وابحث عن الملف. انقر نقرًا مزدوجًا فوق الملف لعرض الساعة الرقمية.

نصائح

قم بتخصيص الساعة عن طريق تغيير خصائص CSS في قسم "النمط" من الوثيقة. على سبيل المثال ، لتغيير الخلفية إلى اللون الوردي ، استبدل "الأصفر" في الكود بـ "اللون الوردي". عادة ، يتم تحديث الساعات كل ثانية. لتغيير معدل التحديث ، قم بتغيير "1000" في الكود إلى قيمة أخرى ، مثل 2000. سيؤدي ذلك إلى تغيير الساعة كل ثانيتين.