Цифровые часы (с использованием графики)

Этот скрипт создаёт на странице цифровые часы. В качестве цифр используются картинки gif. Таким образом, заменив картинки, часы можно адаптировать к любому дизайну.

Пример работы скрипта:

 

 

Чтобы использовать этот скрипт, предварительно необходимо сохранить графические файлы с изображениями цифр. Вместе с примером скрипта их можно скачать по этой ссылке

 

Код страницы (сохраните его в файле с расширением html):<html>
<head>
<title>Графические часы</title>
<script language="JavaScript">
<!--
document.write(setClock())
function setClock() {
var text = ""
var openImage = "<IMG SRC="" + getPath(location.href) + "/gif/dg"
var closeImage = ".gif" HEIGHT=21 WIDTH=16>"
var now = new Date()
var hour = now.getHours()
var minute = now.getMinutes()
now = null
var ampm = ""
if (hour >= 12) {
hour -= 12
ampm = "pm"
} else
ampm = "am"
hour = (hour == 0) ? 12 : hour
if (minute < 10)
minute = "0" + minute
minute += ""
hour += ""
for (var i = 0; i < hour.length; ++i) {
text += openImage + hour.charAt(i) + closeImage
}
text += openImage + "c.gif" HEIGHT=21 WIDTH=9>"
for (var i = 0; i < minute.length; ++i) {
text += openImage + minute.charAt(i) + closeImage
}
text += openImage + ampm + closeImage
return text}function getPath(url) {
lastSlash = url.lastIndexOf("/")
return url.substring(0, lastSlash + 1)}
// -->
</script>
</body>
</html>