عرض الساعة و التاريخ لون اسود

طريقة التركيب
1- انسخ هذا الكود و ضعه في منطقة HEAD
<CENTER> <SCRIPT LANGUAGE="JavaScript"> /* Visit elahmad.com for more code */ <!-- Begin Stamp = new Date(); document.write('<font size="2" face="Arial"><B>' + (Stamp.getMonth() + 1) +"/"+Stamp.getDate()+ "/"+Stamp.getYear() + '</B></font><BR>'); var Hours; var Mins; var Time; Hours = Stamp.getHours(); if (Hours >= 12) { Time = " P.M "; } else { Time = " A.M "; } if (Hours > 12) { Hours -= 12; } if (Hours == 0) { Hours = 12; } Mins = Stamp.getMinutes(); if (Mins < 10) { Mins = "0" + Mins; } document.write('<font size="2" face="Arial"><B>' + Hours + ":" + Mins + Time + '</B></font>'); // End --> </SCRIPT> </CENTER>

ساعة عالمية سكربت لتواقيت دول العالم لون ازرق

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

طريقة التركيب
1- انسخ هذا الكود و ضعه في منطقة HEAD
<form name="where"> <table border="0" width="200" cellspacing="0" cellpadding="3"> <tr> <td width="100%"> <select name="city" size="1" onchange="updateclock(this);" style="color: #FFFFFF; font-family: Arial; border: 3px double #0000FF; padding: 2px; background-color: #0000FF"> <option selected>التوقيت المحلي</option> <option value="2">فلسطين</option> <option value="4">الإمارات</option> <option value="3">الكويت</option> <option value="3">لبنان</option> <option value="4">عمان</option> <option value="3">قطر</option> <option value="3">مصر</option> <option value="0">المغرب</option> <option value="1">تونس</option> <option value="3">السودان</option> <option value="0">لندن</option> <option value="1">روما</option> <option value="7">بانكوك</option> <option value="8">هونكغ كونغ</option> <option value="9">طوكيو</option> <option value="10">سيدني</option> <option value="12">فوجي</option> <option value="-10">هاواي</option> <option value="-8">سان فرانسيسكو</option> <option value="-5">نيويورك</option> <option value="3">السعودية</option> </select> </td> </tr> <tr> <td width="100%"> <script language="JavaScript"> /* Visit our site at http://www.elahmad.com/ for more code */ if (document.all||document.getElementById) document.write('<span id="worldclock" style="font:bold 16px Arial;"></span><br>') zone=0; isitlocal=true; ampm=''; function updateclock(z){ zone=z.options[z.selectedIndex].value; isitlocal=(z.options[0].selected)?true:false; } function WorldClock(){ now=new Date(); ofst=now.getTimezoneOffset()/60; secs=now.getSeconds(); sec=-1.57+Math.PI*secs/30; mins=now.getMinutes(); min=-1.57+Math.PI*mins/30; hr=(isitlocal)?now.getHours():(now.getHours() + parseInt(ofst)) + parseInt(zone); hrs=-1.575+Math.PI*hr/6+Math.PI*parseInt(now.getMinutes())/360; if (hr < 0) hr+=24; if (hr > 23) hr-=24; ampm = (hr > 11)?"PM":"AM"; statusampm = ampm.toLowerCase(); hr2 = hr; if (hr2 == 0) hr2=12; (hr2 < 13)?hr2:hr2 %= 12; if (hr2<10) hr2="0"+hr2 var finaltime=hr2+':'+((mins < 10)?"0"+mins:mins)+':'+((secs < 10)?"0"+secs:secs)+' '+statusampm; if (document.all) worldclock.innerHTML=finaltime else if (document.getElementById) document.getElementById("worldclock").innerHTML=finaltime else if (document.layers){ document.worldclockns.document.worldclockns2.document.write(finaltime) document.worldclockns.document.worldclockns2.document.close() } setTimeout('WorldClock()',1000); } window.onload=WorldClock //--> </script> <!--Place holder for NS4 only--> <ilayer id="worldclockns" width=100% height=35><layer id="worldclockns2" width=100% height=35 left=0 top=0 style="font:bold 16px Arial;"></layer></ilayer> </td></tr></table></form>

ساعة عالمية سكربت لتواقيت دول العالم خلفية بيضاء

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

طريقة التركيب
انسخ هذا الكود و ضعه في منطقة BODY
<form name="where"> <table border="0" width="200" cellspacing="0" cellpadding="3"> <tr> <td width="100%"> <select name="city" size="1" onchange="updateclock(this);"> <option selected>التوقيت المحلي</option> <option value="3">السعودية</option> <option value="4">الإمارات</option> <option value="3">الكويت</option> <option value="3">لبنان</option> <option value="4">عمان</option> <option value="3">قطر</option> <option value="3">مصر</option> <option value="0">المغرب</option> <option value="1">تونس</option> <option value="3">السودان</option> <option value="0">لندن</option> <option value="1">روما</option> <option value="7">بانكوك</option> <option value="8">هونكغ كونغ</option> <option value="9">طوكيو</option> <option value="10">سيدني</option> <option value="12">فوجي</option> <option value="-10">هاواي</option> <option value="-8">سان فرانسيسكو</option> <option value="-5">نيويورك</option> </select> </td> </tr> <tr> <td width="100%"> <script language="JavaScript"> /* Visit our site at http://www.elahmad.com/ for more code */ if (document.all||document.getElementById) document.write('<span id="worldclock" style="font:bold 16px Arial;"></span><br>') zone=0; isitlocal=true; ampm=''; function updateclock(z){ zone=z.options[z.selectedIndex].value; isitlocal=(z.options[0].selected)?true:false; } function WorldClock(){ now=new Date(); ofst=now.getTimezoneOffset()/60; secs=now.getSeconds(); sec=-1.57+Math.PI*secs/30; mins=now.getMinutes(); min=-1.57+Math.PI*mins/30; hr=(isitlocal)?now.getHours():(now.getHours() + parseInt(ofst)) + parseInt(zone); hrs=-1.575+Math.PI*hr/6+Math.PI*parseInt(now.getMinutes())/360; if (hr < 0) hr+=24; if (hr > 23) hr-=24; ampm = (hr > 11)?"PM":"AM"; statusampm = ampm.toLowerCase(); hr2 = hr; if (hr2 == 0) hr2=12; (hr2 < 13)?hr2:hr2 %= 12; if (hr2<10) hr2="0"+hr2 var finaltime=hr2+':'+((mins < 10)?"0"+mins:mins)+':'+((secs < 10)?"0"+secs:secs)+' '+statusampm; if (document.all) worldclock.innerHTML=finaltime else if (document.getElementById) document.getElementById("worldclock").innerHTML=finaltime else if (document.layers){ document.worldclockns.document.worldclockns2.document.write(finaltime) document.worldclockns.document.worldclockns2.document.close() } setTimeout('WorldClock()',1000); } window.onload=WorldClock //--> </script> <!--Place holder for NS4 only--> <ilayer id="worldclockns" width=100% height=35><layer id="worldclockns2" width=100% height=35 left=0 top=0 style="font:bold 16px Arial;"></layer></ilayer> </td></tr></table></form>

ساعة ضمن مستطيل صغير - ساعة - دقيقة - ثانية

طريقة التركيب
1- انسخ هذا الكود و ضعه في منطقة HEAD
<SCRIPT LANGUAGE="JavaScript"> var timerID = null var timerRunning = false function stopclock() { if(timerRunning) clearTimeout(timerID) timerRunning = false } function startclock() { stopclock() showtime() } function showtime() { var now = new Date() var hours = now.getHours() var minutes = now.getMinutes() var seconds = now.getSeconds() var timeValue = "" + ((hours > 12) ? hours - 12 : hours) timeValue += ((minutes < 10) ? ":0" : ":") + minutes timeValue += ((seconds < 10) ? ":0" : ":") + seconds timeValue += (hours >= 12) ? "-PM" : "-AM" document.clock.face.value = timeValue timerID = setTimeout("showtime()",1000) timerRunning = true } //--> </SCRIPT>

2- انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY
<form name="clock" onSubmit="0"> <INPUT TYPE="text" NAME="face" SIZE=11 READONLY VALUE ="....Initializing...."> </form> <SCRIPT LANGUAGE="JavaScript"> <!-- startclock() //--> </SCRIPT>

كود ساعة باللون الاحمر اعلى يسار الصفحة

طريقة التركيب
1- انسخ هذا الكود و ضعه في منطقة HEAD
<BODY onLoad="show5()">

2- انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY
<span id="liveclock" style="position:absolute;left:0;top:0;"> </span> <script language="JavaScript"> <!-- function show5(){ if (!document.layers&&!document.all) return; var Digital=new Date(); var hours=Digital.getHours(); var minutes=Digital.getMinutes(); var seconds=Digital.getSeconds(); var dn="AM"; if (hours>12){ dn="PM"; hours=hours-12; } if (hours==0) hours=12; if (minutes<=9) minutes="0"+minutes; if (seconds<=9) seconds="0"+seconds; //change font size here to your desire myclock="<font size='5' face='Arial' color= red><b><font size='3'</font></br>"+hours+":"+minutes+":" +seconds+" "+dn+"</b></font>"; if (document.layers){ document.layers.liveclock.document.write(myclock); document.layers.liveclock.document.close(); } else if (document.all) liveclock.innerHTML=myclock; setTimeout("show5()",1000); } //--> </script>

ساعة باللون الاسود غي اعلى يسار الصفخة

طريقة التركيب
1- انسخ هذا الكود و ضعه في منطقة HEAD
<BODY onLoad="show5()">

2- انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY
<span id="liveclock" style="position:absolute;left:0;top:0;"> </span> <script language="JavaScript"> <!-- function show5(){ if (!document.layers&&!document.all) return; var Digital=new Date(); var hours=Digital.getHours(); var minutes=Digital.getMinutes(); var seconds=Digital.getSeconds(); var dn="AM"; if (hours>12){ dn="PM"; hours=hours-12; } if (hours==0) hours=12; if (minutes<=9) minutes="0"+minutes; if (seconds<=9) seconds="0"+seconds; //change font size here to your desire myclock="<font size='5' face='Arial' color= black><b><font size='3'</font></br>"+hours+":"+minutes+":" +seconds+" "+dn+"</b></font>"; if (document.layers){ document.layers.liveclock.document.write(myclock); document.layers.liveclock.document.close(); } else if (document.all) liveclock.innerHTML=myclock; setTimeout("show5()",1000); } //--> </script>

كود ساعة رقمية خضراء ذات خلفية سوداء

تطبيق الكود

 

طريقة التركيب
1- انسخ هذا الكود و ضعه في منطقة HEAD
<style> <!-- .styling{ background-color:black; color:lime; font: bold 15px Arial; padding: 3px; } --> </style>

2- انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY
<div align="center" dir="ltr"> <span id="digitalclock" class="styling"></span> <script> <!-- var alternate=0 var standardbrowser=!document.all&&!document.getElementById if (standardbrowser) document.write('<form name="tick"><input type="text" name="tock" size="6"></form>') function show(){ if (!standardbrowser) var clockobj=document.getElementById? document.getElementById("digitalclock") : document.all.digitalclock var Digital=new Date() var hours=Digital.getHours() var minutes=Digital.getMinutes() var dn="AM" if (hours==12) dn="PM" if (hours>12){ dn="PM" hours=hours-12 } if (hours==0) hours=12 if (hours.toString().length==1) hours="0"+hours if (minutes<=9) minutes="0"+minutes if (standardbrowser){ if (alternate==0) document.tick.tock.value=hours+" : "+minutes+" "+dn else document.tick.tock.value=hours+" "+minutes+" "+dn } else{ if (alternate==0) clockobj.innerHTML=hours+"<font color='lime'> : </font>"+minutes+" "+"<sup style='font-size:1px'>"+dn+"</sup>" else clockobj.innerHTML=hours+"<font color='black'> : </font>"+minutes+" "+"<sup style='font-size:1px'>"+dn+"</sup>" } alternate=(alternate==0)? 1 : 0 setTimeout("show()",1000) } window.onload=show //--> </script></div>

تصاميم فلاشية رائعة لمدونتك - البسملة

لنقل أي ايقونة من الايقونات الى جهازك فما عليك سوى النقر عليها بزر الماوس الأيمن ثم حفظ باسم و لإضافتها الى موقعك او مدونتك شاهد الفيديو - انقر هنا للمشاهدة -