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

الكاتب Admin

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

0

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

شرح الكود: إنشاء ساعة رقمية باستخدام 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> ...">

التصنيفات:

قوالب و أدوات المواقع

إرسال تعليق

0 تعليقات

* Please Don't Spam Here. All the Comments are Reviewed by Admin.

إرسال تعليق (0)

مشاركة في التطبيقات الأخرى

نسخ رابط المقال