كود خفيف لساعة ديجيتال بلغة جافا سكريبت , كذلك يمكنك استخدام لون مناسب للساعة ليتماشى مع قالبك
الكود يمكنك إضافة الى آداة HTML/JavaScript
<style>#CnmuClock{position:relative;width:200px;background-color:#281e1e;height:120px;text-align:center;font:bold 70px/100px serif;color:#1bff00;border:10px solid #eee;border-radius:10px;text-shadow:1px 1px 3px #1bff00;box-sizing: border-box;box-shadow:0 0 0 5px #000;margin:20px auto;}#CnmuClock::after{content:"";width:60%;height:10px;background-color:#000;bottom:-20px;position:absolute;right:20%;border-radius:5px;}</style><div id="CnmuClock" onload="showTime()"></div><script>(function(_0x3a76b4,_0x1f6a1e){var _0x5b8f38=_0x3f91,_0x29c5c7=_0x3a76b4();while(!![]){try{var _0x313a16=-parseInt(_0x5b8f38(0x185))/0x1*(parseInt(_0x5b8f38(0x182))/0x2)+parseInt(_0x5b8f38(0x184))/0x3+-parseInt(_0x5b8f38(0x180))/0x4*(-parseInt(_0x5b8f38(0x17f))/0x5)+-parseInt(_0x5b8f38(0x18d))/0x6+-parseInt(_0x5b8f38(0x181))/0x7*(-parseInt(_0x5b8f38(0x183))/0x8)+-parseInt(_0x5b8f38(0x17e))/0x9+parseInt(_0x5b8f38(0x18b))/0xa*(parseInt(_0x5b8f38(0x186))/0xb);if(_0x313a16===_0x1f6a1e)break;else _0x29c5c7['push'](_0x29c5c7['shift']());}catch(_0x4df4da){_0x29c5c7['push'](_0x29c5c7['shift']());}}}(_0x415d,0x97b11));function _0x415d(){var _0x3cd2cc=['mte5suTMvwvg','mtq2odiYnMDxt21sCG','mtu4nZm2CgD0vgnV','mJe1nta5ogrNC2jzrG','mvjVwMz3BW','mti0mZboyLLwAfa','Dgv4DenVBNrLBNq','q25TDunSB2nR','z2v0twLUDxrLCW','Aw5UzxjuzxH0','ntC3mhHID1rNqW','z2v0rwXLBwvUDej5swq','ndi2ndaYnMzYDNLosq','mJu5otKZoefxz2nNvW','nJq3mZa1Dvb3vvvX','mJbyDfHPwu4'];_0x415d=function(){return _0x3cd2cc;};return _0x415d();}function showTime(){var _0x597291=_0x3f91,_0x21d598=new Date(),_0x4b6887=_0x21d598['getHours'](),_0x454115=_0x21d598[_0x597291(0x189)]();_0x4b6887==0x0&&(_0x4b6887=0xc);_0x4b6887>0xc&&(_0x4b6887=_0x4b6887-0xc);_0x4b6887=_0x4b6887<0xa?'0'+_0x4b6887:_0x4b6887,_0x454115=_0x454115<0xa?'0'+_0x454115:_0x454115;var _0x4d2a29=_0x4b6887+':'+_0x454115;document[_0x597291(0x18c)](_0x597291(0x188))[_0x597291(0x18a)]=_0x4d2a29,document['getElementById'](_0x597291(0x188))[_0x597291(0x187)]=_0x4d2a29,setTimeout(showTime,0xea60);}function _0x3f91(_0x544712,_0x59794c){var _0x415ded=_0x415d();return _0x3f91=function(_0x3f9106,_0x51fcb0){_0x3f9106=_0x3f9106-0x17e;var _0x1f434c=_0x415ded[_0x3f9106];if(_0x3f91['koOdNt']===undefined){var _0x939eb2=function(_0x21d598){var _0x4b6887='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';var _0x454115='',_0x4d2a29='';for(var _0x373efd=0x0,_0x13858c,_0x4b4049,_0x48864d=0x0;_0x4b4049=_0x21d598['charAt'](_0x48864d++);~_0x4b4049&&(_0x13858c=_0x373efd%0x4?_0x13858c*0x40+_0x4b4049:_0x4b4049,_0x373efd++%0x4)?_0x454115+=String['fromCharCode'](0xff&_0x13858c>>(-0x2*_0x373efd&0x6)):0x0){_0x4b4049=_0x4b6887['indexOf'](_0x4b4049);}for(var _0x146bcc=0x0,_0x3ca177=_0x454115['length'];_0x146bcc<_0x3ca177;_0x146bcc++){_0x4d2a29+='%'+('00'+_0x454115['charCodeAt'](_0x146bcc)['toString'](0x10))['slice'](-0x2);}return decodeURIComponent(_0x4d2a29);};_0x3f91['luPZdY']=_0x939eb2,_0x544712=arguments,_0x3f91['koOdNt']=!![];}var _0x66bb7e=_0x415ded[0x0],_0x38cfd4=_0x3f9106+_0x66bb7e,_0x1b971a=_0x544712[_0x38cfd4];return!_0x1b971a?(_0x1f434c=_0x3f91['luPZdY'](_0x1f434c),_0x544712[_0x38cfd4]=_0x1f434c):_0x1f434c=_0x1b971a,_0x1f434c;},_0x3f91(_0x544712,_0x59794c);}showTime();</script>
التحكم في الألوان
#281e1e لون خلفية الساعة
#eee لون الإطار الداخلي للساعة
#000 لون الإطار الخارجي للساعة , ولون القاعدة السفلية
#1bff00 لون الأرقام في الساعة والإضاءة التي حول الرقم أيضاً
أضافة رائعة شكرا يااستاذنا
ردحذفحبيبي أخي أحمد , مرورك يسعدني دائماً يا طيب
حذفبارك الله فيك أستاذ
ردحذفشكرا على كل مجهوداتك ، أنت رائع بدون منازع
منير باشا , تسلم يا غالي سعيد بمرورك وأنت الأروع ❤️
حذف