إليك الآن كود ساعة رقمية للموقع الألكتروني بسهولة

omar الأحد 1 ديسمبر 2024

إليك الآن كود ساعة رقمية للموقع الألكتروني بسهولة

شرح الكود: إنشاء ساعة رقمية باستخدام HTML وCSS وJavaScript

هذا الكود يقوم بإنشاء ساعة رقمية تعمل بتقنية الـ JavaScript، ويتم عرض الوقت بشكل دقيق على صفحة ويب. الكود يتضمن ثلاثة أقسام رئيسية: HTML، CSS، وJavaScript.

عرض ونسخ الأكواد
<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>ساعة رقمية</title> <style> body { font-family: 'Arial', sans-serif; background-color: #f4f4f4; color: #333; text-align: center; padding: 20px; } #clock { font-size: 48px; font-weight: bold; background: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); display: inline-block; } </style> </head> <body> <div id="clock"></div> <script> function updateClock() { const now = new Date(); let hours = now.getHours(); let minutes = now.getMinutes(); let seconds = now.getSeconds(); const amPm = hours >= 12 ? 'PM' : 'AM'; // صيغة 24 ساعة لا تحتاج تحويل hours = hours < 10 ? '0' + hours : hours; minutes = minutes < 10 ? '0' + minutes : minutes; seconds = seconds < 10 ? '0' + seconds : seconds; document.getElementById('clock').innerHTML = `${hours}:${minutes}:${seconds} ${amPm}`; } setInterval(updateClock, 1000); updateClock(); </script> </body> </html> ...">

اخر اخبار

إليك الآن كود ساعة رقمية للموقع الألكتروني بسهولة

إليك الآن كود ساعة رقمية للموقع الألكتروني بسهولة

شرح الكود: إنشاء ساعة رقمية باستخدام HTML وCSS وJavaScript

omar

إرسال تعليق

0 تعليقات

التسميات

تنزيل نغمات إسلامية بصوت عالٍ جداً: طريقة لتخصيص هاتفك بروحانية

أفضل تقنيات تتبع السيارات - أهمية أجهزة تتبع المركبات وكاميرات المراقبة

تنزيل الواتس اب الاخضر الاصلي تحديث واتساب العادي مجانا 2024

العاب

خدمات

تابعنا علي تليجرام

تطبيقات

المشاركات

تنزيل نغمات إسلامية بصوت عالٍ جداً: طريقة لتخصيص هاتفك بروحانية

تعرف على أفضل 10 مواقع للربح من كتابة المقالات 2024

تحميل ببجي التحديث 3.4: اكتشف المزايا الجديدة وكيفية التحديث بسهولة

تحديث ببجي 3.4: تعاون مثير مع فيلم Venom يضيف شخصيات ومركبات وسمات جديدة

موعد مباراة ريال مدريد ضد بايرن ميونخ في لقاء الاياب نصف نهائي دوري ابطال أروبا والقنوات الناقلة

الأن أحصل على حسابات فري فاير المجانية 2024

بكج باتمان في تحديث ببجي 3.4: كل ما يجب معرفته قبل نزول التحديث

زر واتساب

الربح

صفحات

Contact form

اخر اخبار

إليك الآن كود ساعة رقمية للموقع الألكتروني بسهولة

إليك الآن كود ساعة رقمية للموقع الألكتروني بسهولة

شرح الكود: إنشاء ساعة رقمية باستخدام HTML وCSS وJavaScript

قد تُعجبك هذه المشاركات

إرسال تعليق

0 تعليقات

التسميات

العاب

خدمات

تابعنا علي تليجرام

تطبيقات

المشاركات

زر واتساب

الربح

صفحات

Contact form