التاريخ و الوقت في شريط المعلومات السفلي 2

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

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

/* Visit our site at http://www.elahmad.com/ for more code
// This function displays the time in the status line.
// Invoke it once to activate the clock; it will call itself from then on.*/

function display_time_in_status_line()
{
var d = new Date();                 // month day, year hours:minutes:seconds
var y =  d.getYear();              // get current year
var h = d.getHours();              // extract hours: 0 to 23
var m = d.getMinutes();            // extract minutes: 0 to 59
var s = d.getSeconds();            // extract seconds: 0 to 59
var mo = d.getMonth() + 1;             // extract months: January to December                  
var da = d.getDate();              // extract days: 1 to 31
var ampm = (h >= 12)?"PM":"AM";    // is it am or pm?
if (h > 12) h -= 12;                // convert 24-hour format to 12-hour
if (h == 0) h = 12;                // convert 0 o'clock to midnight
if (m < 10) m = "0" + m;           // convert 0 minutes to 00 minutes, etc.
var t = mo + '/' + da + '/' + y + ' ' + h + ':' + m +  ':' + s + ' ' + ampm;   // put it all together

defaultStatus = t;                 // display it in the status line
// arrange to do it again in 1 second.
setTimeout("display_time_in_status_line()", 1000); // 1000 ms in 1 second
}
</script>

2- ضع هذه الرموز ضمن الوسم BODY لتصبح هكذا

التاريخ و الوقت في شريط المعلومات السفلي 2

التاريخ-و-الوقت-في-شريط-المعلومات-السفلي-2-java-script