كود ساعة رقمية إحترافية بالجافا سكريبت

 ساعة رقمية إحترافية بلغة جافا سكريبت بعيداً عن الساعات الفلاشية التي تثقل المدونات هذه الإضافة حصرية لـ موقع الوليد نت وتم عمل مظهرين مختلفين , إضافة أنه تم الحرص برمجياً ان تكون الإضافة سهلة التعامل ويمكن عمل ستايلات لا حصر لها طبعا هذا يرجع لذوقك ومعرفتك بلغة CSS 

 المظهر الأول

 style type='text/css'>
.cnmuclock {
  background-color: #000;
  border: 4px solid #eee;
  border-radius: 8px;
  box-shadow: 0 0 2px #222;
  color: #90fe00;
display: block;
font: 68px/80px arial;
height: 80px;
margin: 10px auto;
padding-left: 4px;
padding-right: 30px;
position: relative;
width: 195px;
}
.cnmuclock span {float: left; margin: 0 4px;}
.ceconds {
font-size: 12px;
position: absolute;
right: 7px;
top: -5px;
}
.cspahmsa {
font-size: 12px;
top: 10px;
position: absolute;
right: 5px;
}
.cfasel2 {display: none;}

هذا #000 لون خلفية الساعة

هذا #eee لون الإطار

هذا #90fe00 لون الخط

 المظهر الثاني

 

 هذا #000 لون الخلفية
هذا #fff لون الخط
وهذا #777 لون ظل الخلفية العلوي