ȸ¿ø°¡ÀԡžÆÀ̵ð/ºñ¹øã±â
ȨÀ¸·Î

±ò²ûÇÑ À¥¿ë ½Ã°è´Þ·Â
9³â Àü
<script>
var WebClock = function(){
        this.drawTarget = "webClock";
        
        //¼³Á¤ ½ÃÀÛ
        this.color = "#fff"; //±ÛÀÚ»ö
        this.backgroundColor = "#000"; //¹è°æ»ö
        this.align = "center"; //Á¤·Ä(left, center, right)
        this.fontType = "Century Gothic"; //±Û²Ã
        this.fontSize = 45; //½Ã°è ±Û²ÃÅ©±â(Âü°í: am,pmÀº ÀÌ »çÀÌÁîÀÇ 1/2)
        
        this.clockBarHeight = 2; //ÃʺκÐÀÇ BAR µÎ²²
        this.clockBarColor = "#ccc"; //ÃʺκР»ö»ó
        
        this.calendarFontSize = 15; //´Þ·ÂºÎºÐ ±Û²ÃÅ©±â
        //¼³Á¤ ³¡
        this.strMonth = ["January",
                                        "February",
                                        "March",
                                        "April",
                                        "May",
                                        "June",
                                        "July",
                                        "August",
                                        "September",
                                        "October",
                                        "November",
                                        "December"];
        this.strWeek =  ["Sun",
                                        "Mon",
                                        "Tue",
                                        "Wed",
                                        "Thu",
                                        "Fri",
                                        "Sat"];
        
        this.start = function(){
                var now = new Date();
                var year = now.getFullYear();
                var month = now.getMonth();
                var day = now.getDate();
                var hours = now.getHours();
                var minutes = now.getMinutes();
                var seconds = now.getSeconds();
                var clockBarWidth = 4 * seconds;
                var strAmPm = hours < 12 ? "AM" : "PM";
                
                hours = hours > 12 ? hours - 12 : hours;
                hours = hours == 0 ? hours + 12 : hours;
                hours = hours < 10 ? "0" + hours : hours;
                minutes = minutes < 10 ? "0" + minutes : minutes;
                seconds = seconds < 10 ? "0" + seconds : seconds;
                
                this.layerCalendar.innerHTML = year + " " + this.strMonth[month] + " " + day + " " + this.strWeek[now.getDay()];
                this.layerTime.innerHTML = hours + ":" + minutes + ":" + seconds;
                this.layerAmPm.innerHTML = strAmPm;
                
                this.layerClockBar.style.width = clockBarWidth + "px";
                setTimeout(function(){oWebClock.start();}, 1000);
        };
        
        this.init = function(){
                this.layerTime = document.createElement("span");
                this.layerAmPm = document.createElement("span");
                this.layerAmPm.style.fontSize = "0.5em";
                
                this.layerCalendar = document.createElement("div");
                this.layerCalendar.style.fontWeight = "bold";
                this.layerCalendar.style.fontSize = this.calendarFontSize + "px";
                
                this.layerClock = document.createElement("div");
                
                this.layerClockBar = document.createElement("div");
                this.layerClockBar.style.fontSize = this.clockBarHeight + "px";
                this.layerClockBar.style.height = this.clockBarHeight + "px";
                this.layerClockBar.style.background = this.clockBarColor;
                
                var layerTarget = document.getElementById(this.drawTarget);
                layerTarget.style.color = this.color;
                layerTarget.style.background = this.backgroundColor;
                layerTarget.style.fontFamily = this.fontType;
                layerTarget.style.fontSize = this.fontSize + "px";
                layerTarget.style.padding = "10px";
                layerTarget.align = this.align;
                layerTarget.appendChild(this.layerClock);
                layerTarget.appendChild(this.layerClockBar);
                layerTarget.appendChild(this.layerCalendar);
                
                this.layerClock.appendChild(this.layerTime);
                this.layerClock.appendChild(this.layerAmPm);
                this.start();
        };
};
var oWebClock = new WebClock();
if(document.all){
        window.attachEvent("onload", function(){oWebClock.init();});
}else{
        window.addEventListener("load", function(){oWebClock.init();}, false);
};
</script>

<div id="webClock"></div>
ÃßõÃßõ : 391 Ãßõ ¸ñ·Ï
¹øÈ£ Á¦¸ñ
23
PHP ³¯Â¥ Çü½Ä ¹× °è»êÇϱâ(³¯Â¥ ´õÇÏ°í »©±â)
22
PHP ¿¡¼­ ³¯Â¥ Ãâ·ÂÇÒ¶§ »ç¿ëÇÏ´Â ÇÔ¼ö.
21
PHP ³¯Â¥/½Ã°£ Á¤¸®
±ò²ûÇÑ À¥¿ë ½Ã°è´Þ·Â
19
°£´ÜÇÑ ´Þ·Â±¸Çö
18
php ³»Àå ¸¸³â´Þ·Â
17
À̹ø´Þ Àϼö ±¸Çϱâ
16
´Þ·Â, ¿ù~ÀÏ(ÀÏ~¿ù) ±¸°£, ¿äÀϼö µî Á¾ÇÕ
15
ƯÁ¤³¯Â¥±îÁö ³²Àº ½Ã°£ ±¸Çϱâ(Ä«¿îÆ®´Ù¿î)
14
°æ¸ÅÁ¾·á½Ã°£
13
³²Àº ½Ã°£±¸Çϱâ
12
date ÇÔ¼ö ÀÌ¿ëÇÑ ¿äÀÏ ±¸Çϱâ
11
javascript timer
10
Å×ÀÌºí ¿·À¸·Î Á¤·ÄÇϱâ inline and block
9
ƯÁ¤ ½Ã°£À̳ª ¿äÀÏ¿¡¸¸ ¸Þ´º¸¦ Ç¥½Ã
8
³¯Â¥ ¼±Åà »õâ¿ë ½ºÅ©¸³Æ® + HTML
7
ÇѲ¨¹ø¿¡ 5°¡Áö ½Ã°£ Ç¥½Ã
6
¾Ë¶÷½Ã°è (¼³Á¤µÈ ½Ã°£ÀÌ µÇ¸é °æ°íâÀ¸·Î ¾Ë·ÁÁÝ´Ï´Ù.)
5
·ÎÄà ³¯Â¥/½Ã°£À» Çü½ÄÈ­ÇÕ´Ï´Ù.
4
½Ç½Ã°£ Ä«¿îÆ® ´Ù¿î ÇÔ¼ö
3
½Ã°£ : date() ¿É¼Ç Á¤¸®
2
Á¤ÇØÁø ½Ã°£ºÎÅÍ ÁÙ¾îµå´Â ½ºÅ¾¿öÄ¡
1
ÁöÁ¤µÈ ½Ã°£¸¸Å­(ºÐ,ÃÊ) Ä«¿îÆ® ÇÕ´Ï´Ù.
1
¸ñ·Ï
¹ÂÁ÷Æ®·ÎÆ® ºÎ»ê±¤¿ª½Ã ºÎ»êÁø±¸ °¡¾ßµ¿ ¤Ó °³ÀÎÁ¤º¸Ãë±Þ¹æħ
Copyright ¨Ï musictrot All rights reserved.