새 텍스트 파일을 만들고 다음 코드를 복사 한 다음 파일 이름을 clock.html로 변경하여 실행하십시오.
<script language = javaScript> <!- dcol = '0000ff'; // 날짜 색상. fcol = '0000ff'; // 얼굴 색상. scol = '0000ff'; // 초 색상. mcol = '0000ff'; // 분 색상. hcol = '0000ff'; // 시간 색상. ClockHeight = 40; Clockwidth = 40; clockfrommousey = 0; clockfrommousex = 100; // 아래에서 아무것도 변경하지 않습니다! 정렬이 손실됩니다! D = 새로운 배열 ( "일요일", "월요일", "화요일", "수요일", "목요일", "금요일", "토요일"); M = New Array ( "1 월", "2 월", "3 월", "4 월", "May", "6 월", "7 월", "8 월", "9 월", "10 월", "11 월", "12 월"); 날짜 = 새 날짜 (); day = date.getDate (); 연도 = date.getyear (); if (year <2000) 년 = 년+1900; TodaySdate = "+d [date.getday ()]+" "+Day+" "+m [date.getmonth ()]+"+년; d = todaysdate.split ( ''); H = '...'; H = H.Split ( ''); M = '....'; m = m.split ( ''); s = '.....'; s = s.split ( ''); 얼굴 = '1 2 3 4 5 6 7 8 9 10 11 12'; font = 'arial'; 크기 = 1; 속도 = 0.5; ns = (document.layers); IE = (Document.all); face = face.split ( ''); n = face.length; a = size*10; ymouse = 0; xmouse = 0; scrll = 0; props = "<font face ="+font+"size ="+size+"color ="+fcol+"> <b>"; props2 = "<font face ="+font+"size ="+size+"color ="+dcol+"> <b>"; 분할 = 360/N; dsplit = 360/d.length; Handheight = ClockHeight/4.5 Handwidth = Clockwidth/4.5 Handy = -7; handx = -2.5; scrll = 0; 단계 = 0.06; currstep = 0; y = new array (); x = new Array (); y = new Array (); x = new array (); for (i = 0; i <n; i ++) {y [i] = 0; x [i] = 0; y [i] = 0; x [i] = 0} dy = new array (); dx = new array (); dy = new array (); dx = new array (); 의 경우 (i = 0; i <d.length; i ++) {dy [i] = 0; dx [i] = 0; dy [i] = 0; dx [i] = 0} if (ns) {for (i = 0; i <d.length; i ++) document.write.write ( '<layer name = "nsdate'+i+'"top = 0 width = '+a+'> <center> '+props2+d [i]+'</font> </center> </layer> '); for (i = 0; i <n; i ++) document.write ( '<layer name = "nsface'+i+'"top = 0 왼쪽 = 0 높이 ='+a+'width ='+a+'> <central>'+props+face [i]+'</font> </center> </layer>'); for (i = 0; i <s.length; i ++) document.write ( '<layer name = nsseconds'+i+'top = 0 width = 15 높이 = 15> <font face = arial size = 3 color = 3 color ='+scol+'> <cent> <b>'+s [i]+'</center> </font> </font>'); for (i = 0; i <m.length; i ++) document.write ( '<layer name = nsminutes'+i+'top = 0 width = 15 높이 = 15> <font face = arial size = 3 color ='+mcol+'> <center> <b>'+m [i]+'</center> </font> </layer>'); for (i = 0; i <h.length; i ++) document.write.write ( '<layer name = nshours'+i+'top = 0 왼쪽 = 0 너비 = 15 높이 = 15> <font face = arial size = 3 color ='+hcol+'> <center> <b>'+h [i]+'</center> </font> </font>'); } if (예 : document.write ( '<div id = "od"style = "위치 : 절대; 상단 : 0px; 왼쪽 : 0px"> <div style = "위치 : 상대">'); for (i = 0; i <d.length; i ++) document.write ( '<div id = "iedate"style = "위치 : 절대; 상단 : 0px; 왼쪽 : 0; 높이 :'+a+'; 너비 :'+a+'; 텍스트-알림 : center">'+props2+d [i]+'</b> </div>'); document.write ( '</div> </div>'); document.write ( '<div id = "of"style = "위치 : 절대; 상단; 상단 : 0px; 왼쪽 : 0px"> <div style = "위치 : 상대">'); for (i = 0; i <n; i ++) document.write ( '<div id = "ieface"style = "위치 : 절대; 상단 : 0px; 왼쪽 : 0; 높이 :'+a+'; 너비 :'+a+'; text-align : center">'+props+face [i]+'</font> </div>'); document.write ( '</div> </div>'); document.write ( '</div> </div>'); document.write ( '<div id = "Oh"style = "위치 : 절대; 상단; 상단 : 0px; 왼쪽 : 0px"> <div style = "위치 : 상대">'); (i = 0; i <h.length; i ++) 문서. document.write ( '</div> </div>'); document.write ( '<div id = "om"style = "위치 : 절대; 상단 : 0px; 왼쪽 : 0px"> <div style = "위치 : 상대">'); (i = 0; i <m.length; i ++) 문서. document.write ( '</div> </div>') document.write ( '<div id = "os"style = "위치 : 절대; 상단 : 0px; 왼쪽 : 0px"> <div style = "위치 : 상대">'); (i = 0; i <s.length; i ++) 문서. document.write ( '</div> </div>')} (ns)? wind 함수 마우스 (evnt) {ymouse = (ns)? evnt.pagey+clockfrommousey- (window.pageyoffset) : event.y+clockfrommousey; xmouse = (ns)? evnt.pagex+clockfrommousex : event.x+clockfrommousex; } (ns) wind 함수 clockandAssign () {time = new Date (); sec = time.getSeconds (); Sec = -1.57 + Math.pi * sec/30; mins = time.getminutes (); 최소 = -1.57 + math.pi * mins/30; hr = time.gethours (); hrs = -1.575 + math.pi * hr/6 + math.pi * parseint (time.getminutes ())/360; if (예 : OD.Style.Top = Window.document.body.scrolltop; of.style.top = Window.document.body.scrolltop; Oh.style.top = Window.document.body.scrolltop; om.style.top = window.document.body.scrolltop; os.style.top = window.document.body.scrolltop; } for (i = 0; i <n; i ++) {var f = (ns)? docum f.top = y [i] + clockheight*math.sin (-1.0471 + i*split*math.pi/180) + scrll; f.left = x [i] + clockwidth*math.cos (-1.0471 + i*split*math.pi/180); } for (i = 0; i <h.length; i ++) {var hl = (ns)? document.layers [ 'nshours'+i] : iehours [i] .style; hl.top = y [i]+handy+(i*handheight)*math.sin (hrs)+scrll; hl.left = x [i]+handx+(i*handwidth)*math.cos (hrs); } for (i = 0; i <m.length; i ++) {var ml = (ns)? document.layers [ 'nsminutes'+i] : ieminutes [i] .style; ml.top = y [i]+handy+(i*handheight)*math.sin (min)+scrll; ml.left = x [i]+handx+(i*handwidth)*math.cos (min); } for (i = 0; i <s.length; i ++) {var sl = (ns)? document.layers [ 'nsseconds'+i] : ieseconds [i] .style; sl.top = y [i]+handy+(i*handheight)*math.sin (sec)+scrll; sl.left = x [i]+handx+(i*handwidth)*math.cos (sec); } for (i = 0; i <d.length; i ++) {var dl = (ns)? document.layers [ 'nsdate'+i] : iedate [i] .style; dl.top = dy [i]+clockheight*1.5*math.sin (currstep+i*dsplit*math.pi/180)+scrll; dl.left = dx [i] + clockwidth*1.5*math.cos (currstep + i*dsplit*math.pi/180); } currstep- = 단계; } 함수 지연 () {scrll = (ns)? window.pageyOffset : 0; dy [0] = math.round (dy [0]+= ((ymouse) --dy [0])*속도); dx [0] = math.round (dx [0]+= ((xmouse) -dx [0])*속도); for (i = 1; i <d.length; i ++) {dy [i] = math.round (dy [i]+= (dy [i-1] -dy [i])*속도); dx [i] = math.round (dx [i]+= (dx [i-1] -dx [i])*속도); } y [0] = math.round (y [0]+= ((ymouse) -y [0])*속도); x [0] = math.round (x [0]+= ((xmouse) -x [0])*속도); for (i = 1; i <n; i ++) {y [i] = math.round (y [i]+= (y [i-1] -y [i])*속도); x [i] = math.round (x [i]+= (x [i-1] -x [i])*속도); } clockandAssign (); settimeout ( 'Delay ()', 40); } if (ns || ie) window.onload = 지연; // -> </script>