테스트 사이트 - 개발 중인 베타 버전입니다
SIR

움직임이 자연스러운 자바시계

bbking
 · 20년 전 · 3236
<html>

<head>
<title>art center nabi : Exhibitions : Online Exhibition </title>
<!--- Javascript clock ---->

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
dCol='000000';//dot colour.
fCol = 'ffffff'; //face colour.
sCol = 'ff0000'; //seconds colour.
mCol = '000000'; //minutes colour.
hCol = '000000'; //hours colour.

ClockHeight=30;
ClockWidth=30;
ClockFromMouseY=80;
ClockFromMouseX=5;

//Alter nothing below! Alignments will be lost!
ns=(document.layers);
ie=(document.all);
h=3;
m=4;
s=5;
face='1 2 3 4 5 6 7 8 9 10 11 12';
face=face.split(' ');
n=face.length;
speed=0.6;
ymouse=0;
xmouse=0;
scrll=0;
p="<font face=Arial size=1 color="+fCol+">";
e=360/n;
HandHeight=ClockHeight/4;
HandWidth=ClockWidth/4;
HandY=0;
HandX=0;
scrll=0;
y=new Array();x=new Array();Y=new Array();X=new Array();
for (i=0; i < 37; 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();
for (i=0; i < n; i++){Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=0}
if (ns){
for (i=0; i < n; i++)
document.write('<layer name="nsN'+i+'" top=0 left=0 height=15 width=15><center>'+p+face[i]+'</font></center></layer>');
for (i=0; i < n; i++)
document.write('<layer name="nsD'+i+'" top=0 left=0 bgcolor='+dCol+' clip="0,0,2,2"></layer>');
for (i=0; i < h; i++)
document.write('<layer name=nsH'+i+' top=0 left=0 bgcolor='+hCol+' clip="0,0,2,2"></layer>');
for (i=0; i < m; i++)
document.write('<layer name=nsM'+i+' top=0 left=0 bgcolor='+mCol+' clip="0,0,2,2"></layer>');
for (i=0; i < s; i++)
document.write('<layer name=nsS'+i+' top=0 left=0 bgcolor='+sCol+' clip="0,0,2,2"></layer>');
}
if (ie){
document.write('<div id="On" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="ieN" style="position:absolute;width:15px;height:15px;text-align:center">'+p+face[i]+'</font></div>');
document.write('</div></div>');
document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="ieD" style="position:absolute;height:2px;width:2px;font-size:2px;background:'+dCol+'"></div>');
document.write('</div></div>');
document.write('<div id="Oh" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < h; i++)
document.write('<div id="ieH" style="position:absolute;width:2px;height:2px;font-size:2px;background:'+hCol+'"></div>');
document.write('</div></div>');
document.write('<div id="Om" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < m; i++)
document.write('<div id="ieM" style="position:absolute;width:2px;height:2px;font-size:2px;background:'+mCol+'"></div>');
document.write('</div></div>')
document.write('<div id="Os" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < s; i++)
document.write('<div id="ieS" style="position:absolute;width:2px;height:2px;font-size:2px;background:'+sCol+'"></div>');
document.write('</div></div>')
}

(ns)?window.captureEvents(Event.MOUSEMOVE):0;
function Mouse(evnt){
ymouse = (ns)?evnt.pageY+ClockFromMouseY-(window.pageYOffset):event.y+ClockFromMouseY;
xmouse = (ns)?evnt.pageX+ClockFromMouseX:event.x+ClockFromMouseX;
}
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;

function ClockAndAssign(){
time = new Date ();
secs = time.getSeconds();
sec = -1.57 + Math.PI * secs/30;
mins = time.getMinutes();
min = -1.57 + Math.PI * mins/30;
hr = time.getHours();
hrs = -1.575 + Math.PI * hr/6+Math.PI*parseInt(time.getMinutes())/360;
if (ie){
On.style.top=window.document.body.scrollTop;
Od.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 < s; i++){
var sd=(ns)?document.layers['nsS'+i]:ieS[i].style;
sd.top=y[8+i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll;
sd.left=x[8+i]+HandX+(i*HandWidth)*Math.cos(sec);
}
for (i=0; i < m; i++){
var md=(ns)?document.layers['nsM'+i]:ieM[i].style;
md.top=y[4+i]+HandY+(i*HandHeight)*Math.sin(min)+scrll;
md.left=x[4+i]+HandX+(i*HandWidth)*Math.cos(min);
}
for (i=0; i < h; i++){
var hd=(ns)?document.layers['nsH'+i]:ieH[i].style;
hd.top=y[1+i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll;
hd.left=x[1+i]+HandX+(i*HandWidth)*Math.cos(hrs);
}
for (i=0; i < n; i++){
var D=(ns)?document.layers['nsD'+i]:ieD[i].style;
D.top=y[13+i] + ClockHeight*Math.sin(-1.0471 + i*e*Math.PI/180)+scrll;
D.left=x[13+i] + ClockWidth*Math.cos(-1.0471 + i*e*Math.PI/180);
}
for (i=0; i < n; i++){
var N=(ns)?document.layers['nsN'+i]:ieN[i].style;
N.top=y[25+i]-6 + ClockHeight*1.4*Math.sin(-1.0471 + i*e*Math.PI/180)+scrll;
N.left=x[25+i]-6 + ClockWidth*1.4*Math.cos(-1.0471 + i*e*Math.PI/180);
}
}

function Delay(){
scrll=(ns)?window.pageYOffset:0;
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
for (i=1; i < 37; i++){
y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);
}
ClockAndAssign();
setTimeout('Delay()',20);
}
if (ns||ie)window.onload=Delay;
// End -->
</script>

<!--- Javascript End Here ---->

</head>


<body leftmargin=0 topmargin=0 marginwidth="0" marginheight="0" text="#455B71" link="#455B71" vlink="#455B71" bgcolor="#999999">
<p align="left">&nbsp;</p>
</body>
</html><div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 16:57:14 JavaScript에서 이동 됨]</div>
목록
이전글 다음글

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시글 목록

번호 제목
200
기타 탭키 대신 엔터키를 눌러 이동합니다
199
JavaScript 전송버튼에 '전송중...' 이라는 표시를 해 줍니다
198
기타 입력 문자열 앞에 붙는 공백 제거하기
197
기타 엔터키를 누르면 다음 입력상자로 이동합니다
196
기타 버튼으로 텍스트영역의 크기를 제어합니다
195
JavaScript 텍스트 필드에 디폴트 메세지를 보여주고 클릭하면 사라집니다
194
JavaScript 특정일(ex 30일)이 지난 파일 삭제 및 디렉토리 이동하기
191
MySQL cron [퍼옮] 2
190
MySQL mysql에서의 subquery
188
MySQL 여러데이터베이스 사용하는 방법 - 퍼옮 1
183
MySQL MySQL SELECT 문 - php와 관련하여 3
182
MySQL 패스워드 변경 및 루트 패스워드 찾기
181
MySQL MySQL 설치
180
MySQL mysql 루트(root) 암호를 잊었을 경우 [퍼옮]
179
MySQL MySQL 컬럼 형 [퍼옮]
178
MySQL MySQL 연산자 ( 사칙연산, 비트연산, 논리연산 ) [퍼옮]
177
MySQL MySQL 내부연산 ( 비교연산 )
176
MySQL MySQL 연산자 ( 형변환, 컨트롤함수 )[퍼옮]
175
MySQL MySQL 함수정리 ( 수학함수 ) [퍼옮]
174
JavaScript GROUP BY 와 같이 사용되는 함수 [퍼옮]
173
MySQL MySQL 문자열 관련함수[퍼옮]
171
MySQL MySQL 날짜 관련 함수[퍼옮] 1
166
MySQL MYSQL Query의 간단한 사용법 [퍼옮] 4
165
MySQL 자주 사용하는 Mysql Query문(php와 관련하여)
164
MySQL MySql 기본명령어 모음[콘솔사용시]
161
JavaScript 유효 도메인 책크하기
160
기타 기타 알아두어야 할 함수 [퍼옮]
159
기타 변수 및 수학 관련함수 [퍼옮]
158
기타 URL 관련함수 [퍼옮]
157
기타 파일 관련함수 [퍼옮]
이전 다음
전체 목록