ساعة ملونة و تحية

<html>
<head>
<title>Floating Time</title>
<script language="JavaScript">

// Instructions:
// This script combines a bunch of different scripts together to
// create the effect of a "floating clock." First off, the browser
// requirements are IE 4.0+. Other browsers will work,
// but the clock will be in the status bar. Don't worry, there's
// a browser detector included, to keep the script completely bug-free.
// I've commented out all of the different sections, to try and make
// it a little easier to understand. Here's a list of the features that
// this "mega-script" includes: Real time clock, message based on the time,
// browser detector, floating display, and AM/PM. There's very little
// that you have to do to set this up; just the font size and color.

// Start Time Function
function makeclock() {

// Declare the time variables
var runTime = new Date()
var hours = runTime.getHours()
var minutes = runTime.getMinutes()
var seconds = runTime.getSeconds()
var dn = "AM"
var msg = null

if (hours > 12) {
dn = "PM"
hours -= 12
}

if (hours == 0) {
hours = 12
}

// After all the definitions for "hours" are done, make the timely messages
if (hours <= 12 && dn == "AM") {
msg = "صباح الخير"
}
else if (hours <= 5 && dn == "PM") {
msg = "مساء الخير"
}
else {
msg = "مساء الورد"
}

// Continue on with regular time function
if (minutes <= 9) {
minutes = "0" + minutes
}

if (seconds <= 9) {
seconds = "0" + seconds;
}

currtime = hours + ":" + minutes + ":" + seconds + " " + dn

// Make sure that the browser is IE 4.0+ or compatible
if (document.all) {
currtime += "<br>" + msg
var html
document.all.clockface.innerHTML = currtime
}
// If the browser's not IE 4.0+, the clock displays in the status bar
else {
currtime += " - " + msg
window.status = currtime
}

// Make sure that the clock keeps going
var keepgoing = setTimeout("makeclock()", 1000)

// Start the floater function
check()

}
// End Time Function

// Start floater code
var mover = null

if (navigator.appName.indexOf("Netscape") != -1) {
var mover = "document.clockface.top = window.pageYOffset"
}
else {
var mover = "clockface.style.pixelTop = document.body.scrollTop + 10"
}

function check() {
object = "clockface"
eval(mover)
setTimeout("check()", 0)
}
// End floater code

</script>
</head>


<body onLoad="makeclock()">



<style type="text/css"> #clockface {
background-color : White;
border: 2px solid black;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 10pt;
font-style : normal;
padding : 1;
color : Black;
position:absolute;
visibility:show;
left:10px;
top:10px;
z-index:0
}
</style>




<div id="float">
<div id="clockface">
</div>
</div>


<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</body>
</html>