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

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

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

/* Visit our site at http://www.elahmad.com/ for more code

*  www.elahmad.com/

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>

<FORM name=clock onsubmit=0><INPUT readOnly size=11

value=....Initializing.... name=face></FORM>

<!-- Begin

monthnames = new Array(

"كانون الثاني",

"شباط",

"آذار",

"نيسان",

"أيار",

"حزيران",

"تموز",

"آب",

"أيلول",

"تشرين الأول",

"تشرين الثاني",

"كانون الأول");

var linkcount=0;

function addlink(month, day, href) {

var entry = new Array(3);

entry[0] = month;

entry[1] = day;

entry[2] = href;

this[linkcount++] = entry;

}

Array.prototype.addlink = addlink;

linkdays = new Array();

monthdays = new Array(12);

monthdays[0]=31;

monthdays[1]=28;

monthdays[2]=31;

monthdays[3]=30;

monthdays[4]=31;

monthdays[5]=30;

monthdays[6]=31;

monthdays[7]=31;

monthdays[8]=30;

monthdays[9]=31;

monthdays[10]=30;

monthdays[11]=31;

todayDate=new Date();

thisday=todayDate.getDay();

thismonth=todayDate.getMonth();

thisdate=todayDate.getDate();

thisyear=todayDate.getYear();

thisyear = thisyear % 100;

thisyear = ((thisyear < 50) ? (2000 + thisyear) : (1900 + thisyear));

if (((thisyear % 4 == 0)

&& !(thisyear % 100 == 0))

||(thisyear % 400 == 0)) monthdays[1]++;

startspaces=thisdate;

while (startspaces > 7) startspaces-=7;

startspaces = thisday - startspaces + 1;

if (startspaces < 0) startspaces+=7;

document.write("<table border=2 bgcolor=#FFFFCC ");

document.write("bordercolor=BLACK><font color=000000>");

document.write("<tr><td colspan=7><center><strong>"

+ monthnames[thismonth] + " " + thisyear

+ "</strong></center></font></td></tr>");

document.write("<tr>");

document.write("<td bgcolor=#FFFF66 align=center><font color=BLACK face=tahoma size=2>الاحد</font></td>");

document.write("<td bgcolor=#FFFF66 align=center><font color=BLACK face=tahoma size=2>الاثنين</font></td>");

document.write("<td bgcolor=#FFFF66 align=center><font color=BLACK face=tahoma size=2>الثلاثاء</font></td>");

document.write("<td bgcolor=#FFFF66 align=center><font color=BLACK face=tahoma size=2>الاربعاء</font></td>");

document.write("<td bgcolor=#FFFF66 align=center><font color=BLACK face=tahoma size=2>الخميس</font></td>");

document.write("<td bgcolor=#FFFF66 align=center><font color=BLACK face=tahoma size=2>الجمعة</font></td>");

document.write("<td bgcolor=#FFFF66 align=center><font color=BLACK face=tahoma size=2>السبت</font></td>");

document.write("</tr>");

document.write("<tr>");

for (s=0;s<startspaces;s++) {

document.write("<td> </td>");

}

count=1;

while (count <= monthdays[thismonth]) {

for (b = startspaces;b<7;b++) {

linktrue=false;

document.write("<td>");

for (c=0;c<linkdays.length;c++) {

if (linkdays[c] != null) {

if ((linkdays[c][0]==thismonth + 1) && (linkdays[c][1]==count)) {

document.write("<a href=\"" + linkdays[c][2] + "\">");

linktrue=true;

}

if (count==thisdate) {

document.write("<font color='FF0000'><strong>");

}

if (count <= monthdays[thismonth]) {

document.write(count);

}

else {

document.write(" ");

}

if (count==thisdate) {

document.write("</strong></font>");

}

if (linktrue)

document.write("</a>");

document.write("</td>");

count++;

}

document.write("</tr>");

document.write("<tr>");

startspaces=0;

}

document.write("</table></p>");

// End -->

</SCRIPT>

<!--

startclock()

//-->

</SCRIPT>

</CENTER>

أغلق هذه الصفحة