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

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

 

ساعة أو ساعة رقمية يتم فيها الإشارة إلى الساعات والدقائق وأحيانًا الثواني بالأرقام ، على عكس الساعة التناظرية ، حيث يُشار إلى الوقت بمواضع العقارب الدوارة. إذا كنت تبحث عن ساعة تناظرية تعمل ، فقد قمت أيضًا بإنشاء مدونة حول كيفية إنشاء ساعة عمل تناظرية.

 

في هذا البرنامج (Digital Clock with Colour Glowing Effect) ، على صفحة الويب ، توجد ساعة رقمية تعرض الوقت الفعلي بخلفية متدرجة ملونة وتأثير النص. بشكل عام ، تأخذ هذه الساعة الوقت الفعلي من أجهزة الكمبيوتر / أجهزة الكمبيوتر الخاصة بنا ، وليس من الخادم ، وتظهر على صفحة الويب. باستخدام طريقة Javascript new Date () ، قمت بإحضار الوقت الفعلي من جهاز الكمبيوتر الحالي.

 

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

 

في الفيديو ، شاهدت الساعة الرقمية العاملة التي تعرض الوقت الفعلي وآمل أن تكون قد فهمت الرموز الأساسية وراء إنشاء هذا البرنامج. كما رأيت في الفيديو ، استخدمت CSS الوحيد لإنشاء تأثير خلفية متوهج وتحريكه باستخدام خاصية CSS keyframes. لكن لإظهار الوقت الفعلي ، استخدمت JavaScript خالصًا.

 

إذا كنت مبتدئًا ، فيمكنك أيضًا إنشاء هذه الساعة الرقمية أو التأثير المتوهج نظرًا لعدم وجود أكواد كبيرة من CSS وجافا سكريبت في هذا البرنامج. إذا كنت تحب هذا البرنامج (Custom Checkbox Design) وترغب في الحصول على أكواد المصدر. يمكنك بسهولة الحصول على الأكواد المصدرية لهذا البرنامج. للحصول على أكواد المصدر ، تحتاج فقط إلى التمرير لأسفل. يمكنك استخدام ساعة العمل هذه في صفحات HTML ومواقع الويب الخاصة بك.

 

الساعة الرقمية ذات التأثير المتوهج الملون

لإنشاء هذا البرنامج (ساعة رقمية ذات تأثير ملون متوهج). أولاً ، تحتاج إلى تحميل الملفات من زر تحميل