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

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

Первый пример - это часы, отображающие время загрузки страницы (т.е. момент вызова скрипта). Используются методы объекта 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>