WorldByte.Net - наш хостинг-партнёр
Авторизация Регистрация
Полезные PHP коды | Работа с временем | Красивые графические часы
Название: Красивые графические часы
Описание:
Скрипты работают во всех браузерах только с поддержкой Java Script.
Код:
<body bgcolor=#333399> 

<p align=center> 

<font color=#fffccc face=verdana size=3>Красивые графические часы 

<br><br> 

<script language="JavaScript"> 

<!--                                                 

var digit = new Array() 

digit[0] = new Image(16, 21)  

digit[1] = new Image(16, 21)  

digit[2] = new Image(16, 21)  

digit[3] = new Image(16, 21)  

digit[4] = new Image(16, 21)                     

digit[5] = new Image(16, 21) 

digit[6] = new Image(16, 21) 

digit[7] = new Image(16, 21) 

digit[8] = new Image(16, 21) 

digit[9] = new Image(16, 21) 

digit[10] = new Image(16, 21) // am 

digit[11] = new Image(16, 21) // pm 

digit[12] = new Image(9, 21) // colon 

digit[13] = new Image(9, 21) // blank 



// assign sources to digit image objects (0 - 9)         

for (var i = 0; i < 10; ++i) { 

    digit[i].src = getPath(location.href) + "dg" + i + ".gif" 





// assign sources to other image objects 

digit[10].src = getPath(location.href) + "dgam.gif" 

digit[11].src = getPath(location.href) + "dgpm.gif" 

digit[12].src = getPath(location.href) + "dgc.gif" 

digit[13].src = getPath(location.href) + "dgb.gif" 



// set initial time values to impossible ones             

var hour1 = getHour(0) 

var hour2 = getHour(1) 

var minute1 = getMinute(0) 

var minute2 = getMinute(1) 

var ampm = getAmpm() 

var colon = false  



// get array substring of first clock image in document.images array 

var start = document.images.length // number of images in document 



// print initial clock 

var openImage = "<IMG SRC="" + getPath(location.href) + "dg" 

var closeImage = ".gif" HEIGHT=21 WIDTH=16>" 

document.write(openImage + hour1 + closeImage) 

document.write(openImage + hour2 + closeImage) 

document.write(openImage + "c.gif" HEIGHT=21 WIDTH=9>") 

document.write(openImage + minute1 + closeImage) 

document.write(openImage + minute2 + closeImage) 

document.write(openImage + ((ampm == 10) ? "am" : "pm") + closeImage) 



var timerID = null 

var timerRunning = false 



update() 



function setClock() { 

    if (getHour(0) != hour1) { // not getHours()! 

        hour1 = getHour(0) 

        document.images[start].src = digit[hour1].src 

    }  

    if (getHour(1) != hour2) { // not getHours()! 

        hour2 = getHour(1) 

        document.images[start + 1].src = digit[hour2].src 

    }  

    colon = !colon 

    if (!colon) 

        document.images[start + 2].src = digit[13].src 

    else 

        document.images[start + 2].src = digit[12].src 

    if (getMinute(0) != minute1) { // not getMinutes()! 

        minute1 = getMinute(0) 

        document.images[start + 3].src = digit[minute1].src 

    } 

    if (getMinute(1) != minute2) { // not getMinutes()! 

        minute2 = getMinute(1) 

        document.images[start + 4].src = digit[minute2].src 

    } 

    if (getAmpm() != ampm) { 

        ampm = getAmpm() 

        document.images[start + 5].src = digit[ampm].src 

    } 

    timerID = setTimeout("setClock()",1000) 

      timerRunning = true 





function update() { 

    stopClock() 

    setClock() 





function stopClock() { 

if (timerRunning) 

        clearTimeout(timerID) 

timerRunning = false 





function getHour(place) { 

    var now = new Date() 

    var hour = now.getHours() 

    if (hour >= 12) 

        hour -= 12 

    hour = (hour == 0) ? 12 : hour 

    if (hour < 10) 

        hour = "0" + hour // do not parse number! 

    hour += "" 

    return parseInt(hour.charAt(place)) 





function getMinute(place) { 

    var now = new Date() 

    var minute = now.getMinutes() 

    if (minute < 10) 

        minute = "0" + minute // do not parse number! 

    minute += "" 

    return parseInt(minute.charAt(place)) 





function getAmpm() { 

    var now = new Date() 

    var hour = now.getHours() 

    if (hour >= 12) 

        return 11 // pm 

    /* else */ 

        return 10 // am 





function getPath(url) { 

    lastSlash = url.lastIndexOf("/") 

    return url.substring(0, lastSlash + 1) 





// --> 

</script>

Добавил: k011E [Соз.](22 Апреля 2017 в 12:04)
Просмотров: 108
Уникальных просмотров: 0
Рейтинг: 0/0 [История изменения рейтинга]
Комментарии [0]
Ген. 0.0066
© Php-Zona.Ru 2014-2021 г.