المحتوى
إذا لم تكن قد عثرت على نموذج ساعة رقمية مثالي ، فيمكنك إنشاء نموذجك باستخدام لغة برمجة HTA. مع الميزات التي يوفرها Internet Explorer ، تدمج هذه اللغة كل إمكانات HTML و JavaScript في سطح المكتب. يمكن للمطورين إضافة ساعات رقمية إلى صفحات الويب باستخدام بضعة أسطر من JavaScript. ومع ذلك ، باستخدام لغة HTA ، من الممكن إنشاء قوالب مخصصة باستخدام خصائص CSS.
الاتجاهات
ليس من الضروري أن يكون لديك ساعة مادية لمعرفة الوقت (مارتن بول / Photodisc / غيتي إيماجز)-
افتح "المفكرة" والصق العبارة التالية في المستند الجديد:
اختبار HTA يعرّف قسم "النمط" من هذا الرمز ، المعروض في النهاية ، الفئة المسماة "clockStyle". تحدد هذه الفئة مظهر الساعة. على سبيل المثال ، تقوم سمات الحدود بإدراج خط حد منقط باللون الأزرق على مدار الساعة. الخلفية صفراء. تميز معلمات العرض والارتفاع دقة البكسل الخاصة بالكائن.
-
أضف كتلة JavaScript التالية أسفل الكود من الخطوة السابقة:
لاحظ المتغيرات "windowWidth" و "windowHeight" في الجزء العلوي من التعليمات البرمجية. سوف يتحكمون في حجم النافذة التي تحتوي على الساعة الرقمية. تغيير هذه القيم بالطريقة التي تريدها.
-
أضف الكود التالي أدناه الموضح في القسم الأخير:
>
سيؤدي هذا إلى إنشاء عنصر "div" ، أي نص الساعة. تشير صفة صفك إلى إعلان نمط CSS ، الموضح سابقًا.
-
اضغط على "Ctrl" و "S" في وقت واحد واكتب "DigitalClock.hta" في حقل "اسم الملف" المعروض في نافذة "حفظ باسم". انقر فوق "حفظ" لحفظ اسم الملف.
-
افتح "مستكشف Windows" وابحث عن الملف. انقر نقرًا مزدوجًا فوق الملف لعرض الساعة الرقمية.
نصائح
- قم بتخصيص الساعة عن طريق تغيير خصائص CSS في قسم "النمط" من الوثيقة. على سبيل المثال ، لتغيير الخلفية إلى اللون الوردي ، استبدل "الأصفر" في الكود بـ "اللون الوردي". عادة ، يتم تحديث الساعات كل ثانية. لتغيير معدل التحديث ، قم بتغيير "1000" في الكود إلى قيمة أخرى ، مثل 2000. سيؤدي ذلك إلى تغيير الساعة كل ثانيتين.
مراجع
- Microsoft MSDN: مقدمة إلى تطبيقات HTML (HTAs)
- W3Schools: كائن تاريخ JavaScript [باللغة الإنجليزية]