login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Java klok (Opgelost)

Offline Clemens32 - 27/05/2007 17:50 (laatste wijziging 27/05/2007 17:51)
Avatar van Clemens32PHP interesse Ik weet niet of ik in de juiste rubriek zit, maar weet iemand toevallig waar je een mooie analogo klok, met wijzers en kan vinden.
Het mooiste zou zijn als ik zelf de achtergrondafbeelding kan bepalen, maar als er gewoon een mooie klok staat is het ook goed.
Ik denk zelf dat het in Java gemaakt moet zijn, maar misschien kan het ook wel met javascript (mijn javascript is zeer beperkt).
Alvast bedankt.

Citaat:
Rens edit:
Je zat inderdaad niet in de juiste rubriek.
Java en JavaScript scheelt nogal wat van elkaar...

7 antwoorden

Gesponsorde links
Offline vinTage - 27/05/2007 17:53
Avatar van vinTage Nieuw lid Flash klokje ook goed ?
Offline Clemens32 - 27/05/2007 18:44
Avatar van Clemens32 PHP interesse @Rens -> ok, sorry.

@vinTage
Als de klok gewoon optijd loopt en zich aanpast aan de servertijd (dus zomer en wintertijd) is dat ook goed.
Offline Abbas - 27/05/2007 18:45
Avatar van Abbas Gouden medaille

Crew .NET		 Dan kan je kiezen uit verschillende talen, maar weet wel dat er een groot verschil is (eigenlijk geen overenkomst) tussen JAVA en JavaScript... Ik zou opteren voor het voorstel van vinTage! 
Offline vinTage - 27/05/2007 18:45
Avatar van vinTage Nieuw lid De klok in die tutorial maakt gewoon gebruik van de tijd op jouw pc, dus jep.
Offline Clemens32 - 27/05/2007 18:51
Avatar van Clemens32 PHP interesse Allen dank.
Nu zal ik me moeten gaan verdiepen in flash, hahahaha.
Top, bedankt.
Offline vinTage - 27/05/2007 18:54
Avatar van vinTage Nieuw lid sidenote, het is wel AS2
Offline stijnsallets - 18/07/2007 13:35
Avatar van stijnsallets Nieuw lid Plaats deze code in de head:
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. <SCRIPT language=JavaScript>
  2. dCol='#333399';//kleur datum
  3. fCol='#993300';//kleur klok
  4. sCol='#FF6633';//kleur secondenwijzer
  5. mCol='#66FF00';//kleur minutenwijzer
  6. hCol='#33FFFF';//kleur uurwijzer
  7. ClockHeight=40;//hoogte van de klok
  8. ClockWidth=40; //breedte van de klok
  9. xmouse=375;    //plaatsing van de klok vanaf linkerkant venster
  10. ymouse=215;    //plaatsing van de klok vanaf bovenkant venster
  11.  
  12. d=new Array("zondag","maandag","dinsdag","woensdag","donderdag","vrijdag","zaterdag");
  13. m=new Array("januari","februari","maart","april","mei","juni","juli","augustus","september","oktober","november","december");
  14. date=new Date();
  15. day=date.getDate();
  16. year=date.getYear();
  17. if (year < 2000) year=year+1900;
  18. TodaysDate=" "+d[date.getDay()]+" "+day+" "+m[date.getMonth()]+" "+year;
  19. D=TodaysDate.split('');
  20. H='...';
  21. H=H.split('');
  22. M='....';
  23. M=M.split('');
  24. S='.....';
  25. S=S.split('');
  26. Face='1 2 3 4 5 6 7 8 9 10 11 12';
  27. font='Arial';
  28. size=1;
  29. speed=0.2;
  30. ns=(document.layers);
  31. ie=(document.all);
  32. Face=Face.split(' ');
  33. n=Face.length;
  34. a=size*10;
  35. scrll=0;
  36. props="<font face="+font+" size="+size+" color="+fCol+"><B>";
  37. props2="<font face="+font+" size="+size+" color="+dCol+"><B>";
  38. Split=360/n;
  39. Dsplit=360/D.length;
  40. HandHeight=ClockHeight/4.5
  41. HandWidth=ClockWidth/4.5
  42. HandY=-7;
  43. HandX=-2.5;
  44. scrll=0;
  45. step=0.06;
  46. currStep=0;
  47. y=new Array();x=new Array();Y=new Array();X=new Array();
  48. for (i=0; i < n; i++){y[i]=0;x[i]=0;Y[i]=0;X[i]=0}
  49. Dy=new Array();Dx=new Array();DY=new Array();DX=new Array();
  50. for (i=0; i < D.length; i++){Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=0}
  51. if (ns){
  52. for (i=0; i < D.length; i++)
  53. document.write('<layer name="nsDate'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props2+D[i]+'</font></center></layer>');
  54. for (i=0; i < n; i++)
  55. document.write('<layer name="nsFace'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+Face[i]+'</font></center></layer>');
  56. for (i=0; i < S.length; i++)
  57. document.write('<layer name=nsSeconds'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+sCol+'><center><b>'+S[i]+'</b></center></font></layer>');
  58. for (i=0; i < M.length; i++)
  59. document.write('<layer name=nsMinutes'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+mCol+'><center><b>'+M[i]+'</b></center></font></layer>');
  60. for (i=0; i < H.length; i++)
  61. document.write('<layer name=nsHours'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+hCol+'><center><b>'+H[i]+'</b></center></font></layer>');
  62. }
  63. if (ie){
  64. document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
  65. for (i=0; i < D.length; i++)
  66. document.write('<div id="ieDate" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props2+D[i]+'</B></font></div>');
  67. document.write('</div></div>');
  68. document.write('<div id="Of" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
  69. for (i=0; i < n; i++)
  70. document.write('<div id="ieFace" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+Face[i]+'</B></font></div>');
  71. document.write('</div></div>');
  72. document.write('<div id="Oh" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
  73. for (i=0; i < H.length; i++)
  74. document.write('<div id="ieHours" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+hCol+';text-align:center;font-weight:bold">'+H[i]+'</div>');
  75. document.write('</div></div>');
  76. document.write('<div id="Om" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
  77. for (i=0; i < M.length; i++)
  78. document.write('<div id="ieMinutes" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+mCol+';text-align:center;font-weight:bold">'+M[i]+'</div>');
  79. document.write('</div></div>')
  80. document.write('<div id="Os" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
  81. for (i=0; i < S.length; i++)
  82. document.write('<div id="ieSeconds" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+sCol+';text-align:center;font-weight:bold">'+S[i]+'</div>');
  83. document.write('</div></div>')
  84. }
  85. (ns)?window.captureEvents(Event.MOUSEMOVE):0;
  86. function Mouse(evnt){
  87. ymouse = (ns)?evnt.pageY+ClockFromMouseY-(window.pageYOffset):event.y+ClockFromMouseY;
  88. xmouse = (ns)?evnt.pageX+ClockFromMouseX:event.x+ClockFromMouseX;
  89. }
  90. function ClockAndAssign(){
  91. time = new Date ();
  92. secs = time.getSeconds();
  93. sec = -1.57 + Math.PI * secs/30;
  94. mins = time.getMinutes();
  95. min = -1.57 + Math.PI * mins/30;
  96. hr = time.getHours();
  97. hrs = -1.575 + Math.PI * hr/6+Math.PI*parseInt(time.getMinutes())/360;
  98. if (ie){
  99. Od.style.top=window.document.body.scrollTop;
  100. Of.style.top=window.document.body.scrollTop;
  101. Oh.style.top=window.document.body.scrollTop;
  102. Om.style.top=window.document.body.scrollTop;
  103. Os.style.top=window.document.body.scrollTop;
  104. }
  105. for (i=0; i < n; i++){
  106.  var F=(ns)?document.layers['nsFace'+i]:ieFace[i].style;
  107.  F.top=y[i] + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180)+scrll;
  108.  F.left=x[i] + ClockWidth*Math.cos(-1.0471 + i*Split*Math.PI/180);
  109.  }
  110. for (i=0; i < H.length; i++){
  111.  var HL=(ns)?document.layers['nsHours'+i]:ieHours[i].style;
  112.  HL.top=y[i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll;
  113.  HL.left=x[i]+HandX+(i*HandWidth)*Math.cos(hrs);
  114.  }
  115. for (i=0; i < M.length; i++){
  116.  var ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes[i].style;
  117.  ML.top=y[i]+HandY+(i*HandHeight)*Math.sin(min)+scrll;
  118.  ML.left=x[i]+HandX+(i*HandWidth)*Math.cos(min);
  119.  }
  120. for (i=0; i < S.length; i++){
  121.  var SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds[i].style;
  122.  SL.top=y[i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll;
  123.  SL.left=x[i]+HandX+(i*HandWidth)*Math.cos(sec);
  124.  }
  125. for (i=0; i < D.length; i++){
  126.  var DL=(ns)?document.layers['nsDate'+i]:ieDate[i].style;
  127.  DL.top=Dy[i] + ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/180)+scrll;
  128.  DL.left=Dx[i] + ClockWidth*1.5*Math.cos(currStep+i*Dsplit*Math.PI/180);
  129.  }
  130. currStep-=step;
  131. }
  132. function Delay(){
  133. scrll=(ns)?window.pageYOffset:0;
  134. Dy[0]=Math.round(DY[0]+=((ymouse)-DY[0])*speed);
  135. Dx[0]=Math.round(DX[0]+=((xmouse)-DX[0])*speed);
  136. for (i=1; i < D.length; i++){
  137. Dy[i]=Math.round(DY[i]+=(Dy[i-1]-DY[i])*speed);
  138. Dx[i]=Math.round(DX[i]+=(Dx[i-1]-DX[i])*speed);
  139. }
  140. y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
  141. x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
  142. for (i=1; i < n; i++){
  143. y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
  144. x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);
  145. }
  146. ClockAndAssign();
  147. setTimeout('Delay()',1);
  148. }
  149. if (ns||ie)window.onload=Delay;
  150. </SCRIPT>
[code=javascript]
Het script heb ik wel niet gemaakt maar ik weet niet meer van welke site ik het heb ik heb het een half jaar geleden ofz is van een site geplukt.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.188s