ساعة صغيرة في اطار يسار الصفحة

 

تطبيق الكود

طريقة التركيب

1- انسخ هذا الكود و ضعه في منطقة HEAD
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <style> <!-- .styling{ color:green; font: bold 15px Arial; padding: 3px; } --> </style>

2- انسخ هذا الكود و ضعه في منطقة BODY

<div align="center" dir="ltr" style="border: 4px double #000000; padding: 1px; background-color: #CCFFFF; float:right"> <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='RED'> : </font>"+minutes+" "+"<sup style='font-size:2px'>"+dn+"</sup>" else clockobj.innerHTML=hours+"<font color='black'> : </font>"+minutes+" "+"<sup style='font-size:2px'>"+dn+"</sup>" } alternate=(alternate==0)? 1 : 0 setTimeout("show()",1000) } window.onload=show //--> </script></div>