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

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

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

    	      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>

Comments: info@citmgu.ru
Copyright © CIT