إنشاء ساعة html & JavaScript إنسخ الكود من هنا
<head> <script data-ad-client="ca-pub-1516974465305514" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script></head>
👇
<! Doctype html>
<html lang ="و" >
<head >
<meta charset ="UTF-8">
<meta name =" viwport " cont =" width= عرض الجهاز، اولي-scale= 1.0 ">
<meta htp-equiv =" X-UA-content =" ie=edge " >
<link rel =" اسلوب " media =" شاشة " href =" https://fontlibrary.org/face/segment7 " type =" نص / css "/ >
<link rel =" اسلوب " media =" شاشة " href =" https://fontlibrary.org/face/futura-renner " type =" نص / css "/ >
<title> الساعة الرقمية < / title>
< / الراس >
<style>
* {
- مجموعة ويب-حجم صندوق: صندوق الحدود ؛
- صندوق موز-حجم: صندوق الحدود ؛
- ms-box-حجم: صندوق الحدود ؛
- o-حجم الصندوق: صندوق الحدود ؛
حجم الصندوق: صندوق الحدود ؛
}
الجسم
الخلفية: #000
}
#myClock {
العرض: 240 px ؛
الارتفاع: 200 px ؛
الهامش: 100 px auto ؛
الخلفية: #191970 ؛
الحدود: 4 px بداية #000 ؛
نصف قطر الحدود: 30 px ؛
اللون: rgb (4، 226، 226)؛
}
#time {
العرض: 100 %;
الارتفاع: 90 px ؛
عائلة الخط: " Segment7Standard
}
#الوقت #ساعة-دقيقة {
حبيبات: يسار ؛
العرض: 80 %;
الارتفاع: تلقائي ؛
حجم الخط: 64 px ؛
الحشو: 20 px 0 0 30 px ؛
}
#time #secs {
حبيبات: يسار ؛
العرض: 20 %;
الارتفاع: تلقائي ؛
حجم الخط: 25 px ؛
اعلى الحشو: 30 px ؛
color:black.
}
#date {
العرض: 100 %;
الارتفاع: 60 px ؛
الحشو: 10 px 20 px ؛
حجم الخط: 18 px ؛
عائلة الخط: " FuturaRenerRenerdual
}
#تاريخ #د-م-م -
حبيبات: ابيض ؛
العرض: 60 %;
الحشو: 5 px 10 px ؛
}
#date #day {
العوامة: صحيح ؛
العرض: 40 %;
}
#تاريخ #اليوم بي #
الهامش: 0 ؛
الحدود: 1 px صلب rgb (0، 255، 255)؛
الحشو: 4 px 0 ؛
نص-محاذاة: مركز
}
فوت {
نص-محاذاة: المركز ؛
عائلة الخط: بدون-serif ؛
}
قدم a {
وزن الخط: جريء ؛
اللون: #C0C0C0 ؛
نص-زينة: لا شيء ؛
}
< / اسلوب >
<body>
<div id ="ساعتي" >
<div id ="الوقت" >
<div id ="ساعات-دقيقة" >< / dif>
<div id ="secs" >< / div>
< / dif>
<div id ="تاريخ" >
تسليم الخيار =" هل لديه
<div id =" يوم " ><p id =" فقرة اليوم " >< / p>< / div>
< / dif>
< / dif>
<footer>
<a href ="" >< / a>
< / قدم >
<cript typt ="نص / javascript" >
نافذة. تحميل = وظيفة ({
ساعة تحميل ()؛
// تنبيه (" شكرا على 50 اصوات)
}
وظيفة تحميل الساعة ({
Var hrandmin = وثيقة. احصل على ElementByid ("ساعات-mins"),
ثانية = وثيقة. احصل على ElementByid ("secs"),
تاريخ السنة الشهرية = وثيقة. احصل على ElementByid ("d-m-y"),
يوم الاسبوع = وثيقة. احصل على ElementByID ("فقرة النهار"),
//=====================
الوقت = تاريخ جديد ()
ساعات = الوقت. ساعات الحصول على ()
دقائق = الوقت. احصل على دقائق ()
ثواني = الوقت. احصل على ثواني ()
الشهر = الوقت. الحصول على شهر ()
التاريخ = الوقت. الحصول على تاريخ ()
السنة = الوقت. احصل على السنة الكاملة (),
اليوم = الوقت. يوم الحصول على ()؛
وظيفة اقل ThanTen () {
الدالة ليست Thanten () {
اذا كان (ساعات < 10) {
ساعات = "0" + ساعات ؛
}
اذا كان (دقائق < 10) {
دقائق = "0" + دقيقة ؛
}
اذا كان (ثواني < 10) {
ثواني = "0" + ثانية ؛
}
}
IsThanten ()؛
Hrandmin. InnerHTML = ساعات + ":" + دقائق ؛
ثانية واحدة. InnerHTML = ثواني ؛
}
وظيفة في الشهر () {
شهر فار في السنة = [
"يناير",
"فبراير",
"مارس",
"ابريل",
"مايو",
"يونيو",
"يوليو",
"اغسطس",
"سبتمبر",
"اكتوبر",
"نوفمبر",
"ديسمبر"
];
شهر فار currenth = شهر في السنة [شهر];
شهر تاريخ السنة. InnerHTML = شهر currents + " + تاريخ + " + " + سنة ؛
}
وظيفة في اي يوم ({
ايام الاسبوع =
"الاحد",
"الاثنين",
"الثلاثاء",
"الاربعاء",
"الخميس",
"الجمعة",
"السبت"
];
يوم التيارات VAR = يوم في الاسبوع [يوم];
يوم الاسبوع. InnerHTML = يوم التيار ؛
}
اقل من ()؛
في الشهر ()؛
ما هو يوم ()؛
}
SetInterval (ساعة تحميل، 1000)؛
< / سيناريو >
< / الجسم >
<body>
<h4 style =" color:white">Create Ghassouine< / h4>
< / الجسم >
< / html>
تعليقات
إرسال تعليق