<body> الكود التالي في
<html> <head> <title>?C?CE</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 = "?EC? C?I?? ?? ??C?E" } else if (hours <= 5 && dn == "PM") { msg = "??C? C?I?? ?? ??C?E" } 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> <!-- Begin Style Sheet --> <!-- (to make the clock look pretty) --> <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> </head> <!-- Don't forget the onLoad event handler --> <body onLoad="makeclock()"> <!-- End Style Sheet --> <!-- Begin Clockface HTML --> <div id="float"> <div id="clockface"> </div> </div> <p> </p> <hr> </body> </html>
الرجوع إلى الصفحة
