请问谁有漂亮时间的java script code呢？

手語

我记得以前有一个很漂亮的时钟是用java script写的，不知道你们谁还有他的code呢？

goatstudio

怎么样漂亮的时钟... 很含糊不清呢... 其他人怎么会明白?

8years

flash time is more beauty, javascript not so beauty

tensaix2j

1. 
   
2. <script>
   
3. 
   
4. var maxpar=60,spar=10,mpar=8,hpar=8;
   
5. var radius=120,sradius=115,mradius=100,hradius=60;
   
6. var px=new Array(),py=new Array();
   
7. var cx=150,cy=150;
   
8. 
   
9. var currentTime
   
10. 
    
11. for (var i=0;i<maxpar+spar+mpar+hpar;i++)
    
12.         document.write("<div style='position:absolute;left:0;top:0;' id=dot"+i+">.</div>");
    
13. 
    
14. var timer1= setInterval("timer()",1);
    
15. 
    
16. function timer()
    
17. {
    
18.         calculatePosition();
    
19.         render();
    
20. }
    
21. 
    
22. function calculatePosition()
    
23. {
    
24.        
    
25.         currentTime = new Date()
    
26.         for (var i=0;i<maxpar;i++)
    
27.         {
    
28.                 px[i]=radius*Math.sin(360.0/maxpar*i*Math.PI/180.0)+cx;
    
29.                 py[i]=radius*Math.cos(360.0/maxpar*i*Math.PI/180.0)+cy;
    
30.         }
    
31. 
    
32.         for (var i=maxpar;i<maxpar+spar;i++)
    
33.         {
    
34.                 var curSec=currentTime.getSeconds();
    
35.                 px[i]=(sradius*((i%maxpar)/spar))*Math.sin(curSec*-6.0*Math.PI/180.0)+cx;
    
36.                 py[i]=(sradius*((i%maxpar)/spar))*Math.cos(curSec*-6.0*Math.PI/180.0)+cy;
    
37.         }
    
38.        
    
39.         for (var i=maxpar+spar;i<maxpar+spar+mpar;i++)
    
40.         {
    
41.                 var curMin=currentTime.getMinutes();
    
42.                 px[i]=mradius*  (i % (maxpar+spar))/ mpar   *   Math.sin(curMin*6.0*Math.PI/180.0)+cx;
    
43.                 py[i]=-mradius* (i%  (maxpar+spar))/ mpar   *   Math.cos(curMin*6.0*Math.PI/180.0)+cy;
    
44.         }
    
45.        
    
46.        
    
47.         for (var i=maxpar+spar+mpar;i<maxpar+spar+mpar+hpar;i++)
    
48.         {
    
49.                 var curHr=currentTime.getHours();
    
50.                 px[i]=hradius*((i%(maxpar+spar+mpar))/hpar)*Math.sin((curHr%12)*30.0*Math.PI/180.0)+cx;
    
51.                 py[i]=-hradius*((i%(maxpar+spar+mpar))/hpar)*Math.cos((curHr%12)*30.0*Math.PI/180.0)+cy;
    
52.         }
    
53.        
    
54. }
    
55. 
    
56. 
    
57. function render()
    
58. {
    
59.         for (var i=0;i<maxpar+spar+mpar+hpar;i++)
    
60.         {
    
61.                 var dot=document.getElementById("dot"+i)
    
62.                 dot.style.left=px[i];
    
63.                 dot.style.top=py[i];
    
64.         }
    
65.        
    
66. }
    
67. 
    
68. 
    
69. 
    
70. 
    
71. </script>
    
72. 
    

复制代码

[ 本帖最后由 tensaix2j 于 30-8-2006 08:32 PM 编辑 ]

手語

原帖由 tensaix2j 于 30-8-2006 08:23 PM 发表

<script>

var maxpar=60,spar=10,mpar=8,hpar=8;
var radius=120,sradius=115,mradius=100,hradius=60;
var px=new Array(),py=new Array();
var cx=150,cy=150;

var currentTime

for (var i ...

谢谢你的提供，可是我想要的是哪个当我的mouse move的时候，时钟也跟着我的mouse move的。

goatstudio

你是说这个:

http://www.dynamicdrive.com/dynamicindex6/analog3.htm ?

tensaix2j

加多这两个function就可以了。

1. 
   
2. <script>
   
3. 
   
4. var maxpar=60,spar=10,mpar=8,hpar=8,cpar=4;
   
5. var radius=120,sradius=115,mradius=100,hradius=60;
   
6. var px=new Array(),py=new Array();
   
7. var cx=new Array(),cy=new Array();
   
8. var mox,moy;
   
9. var currentTime = new Date()
   
10. var  _xmouse=0,_ymouse=0;
    
11. 
    
12. for (var i=0;i<maxpar+spar+mpar+hpar;i++)
    
13.         document.write("<div style='position:absolute;left:0;top:0;' id=dot"+i+">.</div>");
    
14. 
    
15. for( var i=0;i<cpar;i++){cx[i]=150;cy[i]=150;}
    
16. 
    
17. var timer1= setInterval("timer()",1);
    
18. 
    
19. function timer()
    
20. {
    
21.      stickCenterToMouse();
    
22.         calculatePosition();
    
23.         render();
    
24. }
    
25. 
    
26. function calculatePosition()
    
27. {
    
28.        
    
29.         currentTime = new Date()
    
30.         for (var i=0;i<maxpar;i++)
    
31.         {
    
32.                 px[i]=radius*Math.sin(360.0/maxpar*i*Math.PI/180.0)+cx[0];
    
33.                 py[i]=radius*Math.cos(360.0/maxpar*i*Math.PI/180.0)+cy[0];
    
34.         }
    
35. 
    
36.         for (var i=maxpar;i<maxpar+spar;i++)
    
37.         {
    
38.                 var curSec=currentTime.getSeconds();
    
39.                 px[i]=(sradius*((i%maxpar)/spar))*Math.sin(curSec*-6.0*Math.PI/180.0)+cx[1];
    
40.                 py[i]=(sradius*((i%maxpar)/spar))*Math.cos(curSec*-6.0*Math.PI/180.0)+cy[1];
    
41.         }
    
42.        
    
43.         for (var i=maxpar+spar;i<maxpar+spar+mpar;i++)
    
44.         {
    
45.                 var curMin=currentTime.getMinutes();
    
46.                 px[i]=mradius*  (i % (maxpar+spar))/ mpar   *   Math.sin(curMin*6.0*Math.PI/180.0)+cx[2];
    
47.                 py[i]=-mradius* (i%  (maxpar+spar))/ mpar   *   Math.cos(curMin*6.0*Math.PI/180.0)+cy[2];
    
48.         }
    
49.        
    
50.        
    
51.         for (var i=maxpar+spar+mpar;i<maxpar+spar+mpar+hpar;i++)
    
52.         {
    
53.                 var curHr=currentTime.getHours();
    
54.                 px[i]=hradius*((i%(maxpar+spar+mpar))/hpar)*Math.sin((curHr%12)*30.0*Math.PI/180.0)+cx[3];
    
55.                 py[i]=-hradius*((i%(maxpar+spar+mpar))/hpar)*Math.cos((curHr%12)*30.0*Math.PI/180.0)+cy[3];
    
56.         }
    
57.        
    
58. }
    
59. 
    
60. 
    
61. function render()
    
62. {
    
63.         for (var i=0;i<maxpar+spar+mpar+hpar;i++)
    
64.         {
    
65.                 var dot=document.getElementById("dot"+i)
    
66.                 dot.style.left=px[i];
    
67.                 dot.style.top=py[i];
    
68.         }
    
69.        
    
70. }
    
71. 
    
72. 
    
73. function changecenter()
    
74. {
    
75.    _xmouse=event.clientX;
    
76.    _ymouse=event.clientY;
    
77.   
    
78. }
    
79. 
    
80.    
    
81. function stickCenterToMouse()
    
82. {
    
83.         var i;
    
84.         for (i=0;i<cpar;i++)
    
85.         {
    
86.        
    
87.               cx[i]+= (_xmouse-cx[i])*0.095*(i+1) ;
    
88.               cy[i]+= (_ymouse-cy[i])*0.095*(i+1) ;
    
89. 
    
90.                
    
91.          }
    
92. }
    
93. 
    
94. 
    
95. document.onmousemove=changecenter;
    
96. </script>
    

复制代码

[ 本帖最后由 tensaix2j 于 1-9-2006 10:48 AM 编辑 ]

手語

原帖由 tensaix2j 于 1-9-2006 10:34 AM 发表
加多这两个function就可以了。




<script>

var maxpar=60,spar=10,mpar=8,hpar=8,cpar=4;
var radius=120,sradius=115,mradius=100,hradius=60;
var px=new Array(),py=new Array();
var cx ...

谢谢你们。。。。