Графические часы

Домашняя страница Алексея Александрова

Первый пример - это часы, отображающие время загрузки страницы (т.е. момент вызова скрипта). Используются методы объекта 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-relatedvariables with current time settings
var now =  newDate() varhour=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= 21WIDTH=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= 21WIDTH=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= 21WIDTH=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>