Графические часы
Первый пример - это часы, отображающие время загрузки страницы (т.е. момент вызова скрипта). Используются методы объекта Date (getHours, getMinutes) и графические файлы, отображающие полученное время (имена этих файлов соответствуют цифрам - 0-9).
Во втором примере, отображающем текущую дату, также используются методы объекта Date (getDate, getMnth, getYear) и графические файлы, отображающие полученную дату (имена этих файлов соответствуют цифрам - 0-9).
1.<SCRIPT LANGUAGE="JavaScript">
<!-- // Copyright (c) 1996-1997 Tomer Shiran. All rights reserved. // Permission given to use the script provided that this notice remains as is. // Additional scripts can be found at http: //www.geocities.com/~yehuda /// image files needed: // dg0.gif // dg1.gif // dg2.gif // dg3.gif // dg4.gif // dg5.gif // dg6.gif // dg7.gif // dg8.gif // dg9.gif // dgam.gif // dgpm.gif // dgc.gif // Any set of digit images (0-9), an "am" image, // a "pm" image, and a colon image respectively // will work with this script. // instructions: // Place all image files in a folder / directory. // Add this script, including all comments, to // the desired HTML document. The HTML file must // be located in the same directory as the image // files. document.write(setClock()) function setClock() { // initialize accumulative HTML variable to empty string var text = ""
// set standard convention for digit and punctuation images var openImage = "<IMG SRC=\"" + getPath(location.href) + "dg" var closeImage = ".gif\" HEIGHT=21 WIDTH=16>" // initialize time-related variables with current time settings var now = new Date() var hour = now.getHours() var minute = now.getMinutes() now = null var ampm = "" // validate hour values and set value of ampm if (hour >= 12) { hour -= 12 ampm = "pm" } else ampm = "am" hour = (hour == 0) ? 12 : hour // add zero digit to a one digit minute as spaceholder if (minute < 10) minute = "0" + minute // do not parse this number! // convert minute and hour values to strings minute += "" hour += "" // assign image tags according to the value of hour for (var i = 0; i < hour.length; ++i) { text += openImage + hour.charAt(i) + closeImage } // assign image tag of colon separator to text variable text += openImage + "c.gif\" HEIGHT=21 WIDTH=9>" // assign image tags according to the value of minute for (var i = 0; i < minute.length; ++i) { text += openImage + minute.charAt(i) + closeImage } // assign am / pm image tag to text variable text += openImage + ampm + closeImage // return accumulative HTML string return text}function getPath(url) { lastSlash = url.lastIndexOf("/") return url.substring(0, lastSlash + 1)} // -->
</SCRIPT>
2.<SCRIPT LANGUAGE="JavaScript">
<!-- // Copyright (c) 1996-1997 Tomer Shiran. All rights reserved. // Permission given to use the script provided that this notice remains as is. // Additional scripts can be found at http: //www.geocities.com/~yehuda /// image files needed: // ******************* // dg0.gif // dg1.gif // dg2.gif // dg3.gif // dg4.gif // dg5.gif // dg6.gif // dg7.gif // dg8.gif // dg9.gif // dgp.gif // Any set of digit images (0-9), and a period // image (.) will work with this script. // instructions: // ************* // Place all image files in a folder / directory. // Add this script, including all comments, to // the desired HTML document. The HTML file must // be located in the same directory as the image // files. document.write(setDate()) function setDate() { // initialize accumulative HTML variable to empty string var text = "" // set standard convention for digit and punctuation images var openImage = "<IMG SRC=\"" + getPath(location.href) + "dg" var closeImage = ".gif\" HEIGHT=21 WIDTH=16>" // initialize time-related variables with current date settings var now = new Date() var month = now.getMonth() var date = now.getDate() var year = now.getYear() now = null // convert integer value of month to standard range month++ // 0 - 11 => 1 - 12 // convert minute and hour values to strings month += "" date += "" year += "" // assign image tags associated with month to text variable for (var i = 0; i < month.length; ++i) { text += openImage + month.charAt(i) + closeImage } // assign image tag of period separator to text variable text += openImage + "p.gif\" HEIGHT=21 WIDTH=9>" // assign image tags associated with date to text variable for (var i = 0; i < date.length; ++i) { text += openImage + date.charAt(i) + closeImage } // assign image tag of period separator to text variable text += openImage + "p.gif\" HEIGHT=21 WIDTH=9>" // assign image tags associated with year to text variable for (var i = 0; i < year.length; ++i) { text += openImage + year.charAt(i) + closeImage } // return accumulative HTML string return text}function getPath(url) { lastSlash = url.lastIndexOf("/") return url.substring(0, lastSlash + 1)} // -->
</SCRIPT>
Comments:
Copyright ©
