달력

42024  이전 다음

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30

[펌] VML 아날로그 시계

DHTML 2004. 10. 5. 16:28
<html xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<style>
v\:* {behavior:url(#default#VML);}
</style>
<script>
var idRel;
var radDg = Math.PI / 30;
function finRel(){
clearTimeout();
}
function ptRel(){
var d = new Date();
var r;
var ta = d.getSeconds()+ d.getMilliseconds() / 1000;
var ang = (ta - 15) * radDg;
var x = Math.floor(40 * Math.cos (ang));
var y = Math.floor(40 * Math.sin (ang));
document.all("seg").adj.value = x + ',' + y;
ta = d.getMinutes() + ta / 60;
ang = (ta - 15) * radDg;
var x = Math.floor(40 * Math.cos (ang));
var y = Math.floor(40 * Math.sin (ang));
document.all("min").adj.value = x + ',' + y;
ta = (d.getHours() % 12) + ta / 60;
ang = (5 * ta - 15) * radDg;
var x = Math.floor(30 * Math.cos (ang));
var y = Math.floor(30 * Math.sin (ang));
document.all("hrs").adj.value = x + ',' + y;
setTimeout("ptRel()",1);
}
document.onload=setTimeout('ptRel()',1);
document.onUnload=finRel();
</script>
</head>
<body>
<div >
<v:shapetype id="prueba" coordsize="100,100" path="m 50,50 l @0,@1 e">
<v:stroke endcap="round" />
<v:formulas>
<v:f eqn="sum 50 #0 0" />
<v:f eqn="sum 50 #1 0" />
</v:formulas>
</v:shapetype>
</v:shapetype>
<v:group style="width: 100px; height: 100px" coordsize="100,100">
<v:oval style="top:2; left:2; width: 100; height: 100" fillcolor="#9E9E9E" strokecolor="#9E9E9E" />
<v:oval style="width: 100; height: 100" fillcolor="#FF6600" strokecolor="#FF6600" />
<v:oval style="width: 1; height: 1; left: 49; top: 2" fillcolor="#FEF801" strokecolor="#FEF801" />
<v:oval style="width: 1; height: 1; left: 97; top: 49" fillcolor="#FEF801" strokecolor="#FEF801" />
<v:oval style="width: 1; height: 1; left: 2; top: 49" fillcolor="#FEF801" strokecolor="#FEF801" />
<v:oval style="width: 1; height: 1; left: 49; top: 97" fillcolor="#FEF801" strokecolor="#FEF801" />
<v:oval style="width: 1; height: 1; left: 9; top: 25" fillcolor="#FFA940" strokecolor="#FFA940" />
<v:oval style="width: 1; height: 1; left: 73; top: 8" fillcolor="#FFA940" strokecolor="#FFA940" />
<v:oval style="width: 1; height: 1; left: 26; top: 8" fillcolor="#FFA940" strokecolor="#FFA940" />
<v:oval style="width: 1; height: 1; left: 90; top: 25" fillcolor="#FFA940" strokecolor="#FFA940" />
<v:oval style="width: 1; height: 1; left: 9; top: 73" fillcolor="#FFA940" strokecolor="#FFA940" />
<v:oval style="width: 1; height: 1; left: 25; top: 90" fillcolor="#FFA940" strokecolor="#FFA940" />
<v:oval style="width: 1; height: 1; left: 73; top: 90" fillcolor="#FFA940" strokecolor="#FFA940" />
<v:oval style="width: 1; height: 1; left: 90; top: 73" fillcolor="#FFA940" strokecolor="#FFA940" />
<v:oval style="top: 10; left: 13; width: 50; height: 50" fillcolor="#9E9E9E" strokecolor="#9E9E9E" />
<v:oval style="top: 12; left: 15; width: 50; height: 50" fillcolor="#FFFFFF" strokecolor="#FFFFFF" />
<v:shape id="hrs" type="#prueba" style="top:0; left: 0; width: 100; height: 100" adj="0,0" strokeweight="2pt"  strokecolor="#FEF801" />
<v:shape id="min" type="#prueba" style="top:0; left: 0; width: 100; height: 100" adj="0,0" strokeweight="2pt"  strokecolor="#FEF801" />
<v:shape id="seg" type="#prueba" style="top:0; left: 0; width: 100; height: 100" adj="0,0" strokecolor="#F4970B" />
</v:group>
</div>
</body>
</html>

'DHTML' 카테고리의 다른 글

[펌] 윤년  (0) 2004.10.15
FCK 에디터에서 툴바 단순하게 한것... 회사에서 씀  (0) 2004.10.08
[msdn] 어렵다 HTML ㅜㅜ  (0) 2004.09.23
[펌] 홈피 관련 태그  (0) 2004.09.19
[펌] JAVA와 별관계없는 자주쓰는 자바스크립트  (0) 2004.09.16
Posted by tornado
|

티스토리툴바