Вход Регистрация
PHP коды | Часы с календарем
* SysTeam.exe

Часы с календарем

  1. <html>
  2. <head>
  3. <title>Часы
  4. круглые</title>
  5. </head>
  6. <body>
  7. <SCRIPT
  8. language=JavaScript>
  9. dCol='0099FF';//
  10. Цветкалендаря.
  11. fCol='00FF00';//
  12. Цветцифреблата.
  13. sCol='FF0000';//
  14. Цветсекундной
  15. стрелки.
  16. mCol='FFFF00';//
  17. Цветминутной
  18. стрелки.
  19. hCol='FFFF00';//
  20. Цветчасовой
  21. стрелки.
  22. ClockHeight=40;
  23. ClockWidth=40;
  24. ClockFromMouseY=0;
  25. ClockFromMouseX=100;
  26. /*Календарьдни
  27. неделимесяца,
  28. принеобходимости
  29. можнозадать
  30. другойязыки
  31. другойтекст*/
  32. d=newArray
  33. ("Сегодня
  34. воскресенье","Сегодня
  35. понедельник","Сегодня
  36. вторник","Сегодня
  37. среда","Сегодня
  38. четверг","Сегодня
  39. пятница","Сегодня
  40. субота");
  41. m=newArray
  42. ("января","февраля","марта","апреля","мая","июня","июля","августа","сентября","октября","ноября","декабря");
  43. date=newDate();
  45. ();
  46. year=date.getYear
  47. ();
  48. if(year<2000)
  49. year=year+1900;
  50. TodaysDate=""+d
  51. [date.getDay()]+"
  52. "+day+""+m
  53. [date.getMonth
  54. ()]+""+year;
  55. D=TodaysDate.split
  56. ('');
  57. H='...';
  58. H=H.split('');
  59. M='....';
  60. M=M.split('');
  61. S='.....';
  62. S=S.split('');
  63. Face='123456
  64. 789101112';
  65. //font='Arial';
  66. font='Verdana';
  67. size=1;
  68. speed=0.6;
  69. ns=
  70. (document.layers);
  71. ie=
  72. (document.all);
  73. Face=Face.split('
  74. ');
  75. n=Face.length;
  76. a=size*10;
  77. ymouse=0;
  78. xmouse=0;
  79. scrll=0;
  80. props="<font
  81. face="+font+"
  82. size="+size+"
  83. color="+fCol
  84. +"><B>";
  85. props2="<font
  86. face="+font+"
  87. size="+size+"
  88. color="+dCol
  89. +"><B>";
  90. Split=360/n;
  91. Dsplit=360/
  92. D.length;
  93. HandHeight=ClockHeight/4.5
  94. HandWidth=ClockWidth/4.5
  95. HandY=-7;
  96. HandX=-2.5;
  97. scrll=0;
  98. step=0.06;
  99. currStep=0;
  100. y=newArray
  101. ();x=newArray
  102. ();Y=newArray
  103. ();X=newArray();
  104. for(i=0;i<n;
  105. i++){y[i]=0;x
  106. [i]=0;Y[i]=0;X
  107. [i]=0}
  108. Dy=newArray
  109. ();Dx=newArray
  110. ();DY=newArray
  111. ();DX=newArray
  112. ();
  113. for(i=0;i<
  114. D.length;i++){Dy
  115. [i]=0;Dx[i]=0;DY
  116. [i]=0;DX[i]=0}
  117. if(ns){
  118. for(i=0;i<
  119. D.length;i++)
  120. document.write
  121. ('<layer
  122. name="nsDate'+i
  123. +'"top=0left=0
  124. height='+a+'
  125. width='+a
  126. +'><center>'+props2+D
  127. [i]+'</font></
  128. center></
  129. layer>');
  130. for(i=0;i<n;
  131. i++)
  132. document.write
  133. ('<layer
  134. name="nsFace'+i
  135. +'"top=0left=0
  136. height='+a+'
  137. width='+a
  138. +'><center>'+props
  139. +Face[i]+'</
  140. font></center></
  141. layer>');
  142. for(i=0;i<
  143. S.length;i++)
  144. document.write
  145. ('<layer
  146. name=nsSeconds'+i
  147. +'top=0left=0
  148. width=15
  149. height=15><font
  150. face=Arialsize=3
  151. color='+sCol
  152. +'><center><b>'+S
  153. [i]+'</b></
  154. center></font></
  155. layer>');
  156. for(i=0;i<
  157. M.length;i++)
  158. document.write
  159. ('<layer
  160. name=nsMinutes'+i
  161. +'top=0left=0
  162. width=15
  163. height=15><font
  164. face=Arialsize=3
  165. color='+mCol
  166. +'><center><b>'+M
  167. [i]+'</b></
  168. center></font></
  169. layer>');
  170. for(i=0;i<
  171. H.length;i++)
  172. document.write
  173. ('<layer
  174. name=nsHours'+i+'
  175. top=0left=0
  176. width=15
  177. height=15><font
  178. face=Arialsize=3
  179. color='+hCol
  180. +'><center><b>'+H
  181. [i]+'</b></
  182. center></font></
  183. layer>');
  184. }
  185. if(ie){
  186. document.write
  187. ('<divid="Od"
  188. style="position:absolute;top:0px;left:0px"><div
  189. style="position:relative">');
  190. for(i=0;i<
  191. D.length;i++)
  192. document.write
  193. ('<div
  194. id="ieDate"
  195. style="position:absolute;top:0px;left:0;height:'+a
  196. +';width:'+a
  197. +';text-
  198. align:center">'+props2+D
  199. [i]+'</B></
  200. font></div>');
  201. document.write
  202. ('</div></div>');
  203. document.write
  204. ('<divid="Of"
  205. style="position:absolute;top:0px;left:0px"><div
  206. style="position:relative">');
  207. for(i=0;i<n;
  208. i++)
  209. document.write
  210. ('<div
  211. id="ieFace"
  212. style="position:absolute;top:0px;left:0;height:'+a
  213. +';width:'+a
  214. +';text-
  215. align:center">'+props
  216. +Face[i]+'</B></
  217. font></div>');
  218. document.write
  219. ('</div></div>');
  220. document.write
  221. ('<divid="Oh"
  222. style="position:absolute;top:0px;left:0px"><div
  223. style="position:relative">');
  224. for(i=0;i<
  225. H.length;i++)
  226. document.write
  227. ('<div
  228. id="ieHours"
  229. style="position:absolute;width:16px;height:16px;font-
  230. family:Arial;font-
  231. size:16px;color:'+hCol
  232. +';text-
  233. align:center;font-
  234. weight:bold">'+H
  235. [i]+'</div>');
  236. document.write
  237. ('</div></div>');
  238. document.write
  239. ('<divid="Om"
  240. style="position:absolute;top:0px;left:0px"><div
  241. style="position:relative">');
  242. for(i=0;i<
  243. M.length;i++)
  244. document.write
  245. ('<div
  246. id="ieMinutes"
  247. style="position:absolute;width:16px;height:16px;font-
  248. family:Arial;font-
  249. size:16px;color:'+mCol
  250. +';text-
  251. align:center;font-
  252. weight:bold">'+M
  253. [i]+'</div>');
  254. document.write
  255. ('</div></div>')
  256. document.write
  257. ('<divid="Os"
  258. style="position:absolute;top:0px;left:0px"><div
  259. style="position:relative">');
  260. for(i=0;i<
  261. S.length;i++)
  262. document.write
  263. ('<div
  264. id="ieSeconds"
  265. style="position:absolute;width:16px;height:16px;font-
  266. family:Arial;font-
  267. size:16px;color:'+sCol
  268. +';text-
  269. align:center;font-
  270. weight:bold">'+S
  271. [i]+'</div>');
  272. document.write
  273. ('</div></div>')
  274. }
  275. (ns)?
  276. window.captureEvents
  277. (Event.MOUSEMOVE):0;
  278. functionMouse
  279. (evnt){
  280. ymouse=(ns)?
  281. evnt.pageY
  282. +ClockFromMouseY-
  283. (window.pageYOffset):event.y
  284. +ClockFromMouseY;
  285. xmouse=(ns)?
  286. evnt.pageX
  287. +ClockFromMouseX:event.x
  288. +ClockFromMouseX;
  289. }
  290. (ns)?
  291. window.onMouseMove=Mouse:document.onmousemove=Mouse;
  292. function
  293. ClockAndAssign(){
  294. time=newDate
  295. ();
  296. secs=
  297. time.getSeconds
  298. ();
  299. sec=-1.57+
  300. Math.PI*
  301. secs/30;
  302. mins=
  303. time.getMinutes
  304. ();
  305. min=-1.57+
  306. Math.PI*
  307. mins/30;
  308. hr=
  309. time.getHours();
  310. hrs=-1.575+
  311. Math.PI*
  312. hr/6+Math.PI*parseInt
  313. (time.getMinutes
  314. ())/360;
  315. if(ie){
  316. Od.style.top=window.document.body.scrollTop;
  317. Of.style.top=window.document.body.scrollTop;
  318. Oh.style.top=window.document.body.scrollTop;
  319. Om.style.top=window.document.body.scrollTop;
  320. Os.style.top=window.document.body.scrollTop;
  321. }
  322. for(i=0;i<n;
  323. i++){
  324. varF=(ns)?
  325. document.layers
  326. ['nsFace'+i]:ieFace
  327. [i].style;
  328. F.top=y[i]+
  329. ClockHeight*Math.sin
  330. (-1.0471+
  331. i*Split*Math.PI/180)+scrll;
  332. F.left=x[i]+
  333. ClockWidth*Math.cos
  334. (-1.0471+
  335. i*Split*Math.PI/180);
  336. }
  337. for(i=0;i<
  338. H.length;i++){
  339. varHL=(ns)?
  340. document.layers
  341. ['nsHours'+i]:ieHours
  342. [i].style;
  343. HL.top=y[i]+HandY
  344. +(i*HandHeight)*Math.sin
  345. (hrs)+scrll;
  346. HL.left=x
  347. [i]+HandX
  348. +(i*HandWidth)*Math.cos
  349. (hrs);
  350. }
  351. for(i=0;i<
  352. M.length;i++){
  353. varML=(ns)?
  354. document.layers
  355. ['nsMinutes'+i]:ieMinutes
  356. [i].style;
  357. ML.top=y[i]+HandY
  358. +(i*HandHeight)*Math.sin
  359. (min)+scrll;
  360. ML.left=x
  361. [i]+HandX
  362. +(i*HandWidth)*Math.cos
  363. (min);
  364. }
  365. for(i=0;i<
  366. S.length;i++){
  367. varSL=(ns)?
  368. document.layers
  369. ['nsSeconds'+i]:ieSeconds
  370. [i].style;
  371. SL.top=y[i]+HandY
  372. +(i*HandHeight)*Math.sin
  373. (sec)+scrll;
  374. SL.left=x
  375. [i]+HandX
  376. +(i*HandWidth)*Math.cos
  377. (sec);
  378. }
  379. for(i=0;i<
  380. D.length;i++){
  381. varDL=(ns)?
  382. document.layers
  383. ['nsDate'+i]:ieDate
  384. [i].style;
  385. DL.top=Dy[i]+
  386. ClockHeight*1.5*Math.sin
  387. (currStep
  388. +i*Dsplit*Math.PI/180)+scrll;
  389. DL.left=Dx[i]+
  390. ClockWidth*1.5*Math.cos
  391. (currStep
  392. +i*Dsplit*Math.PI/180);
  393. }
  394. currStep-=step;
  395. }
  396. functionDelay(){
  397. scrll=(ns)?
  398. window.pageYOffset:0;
  399. Dy[0]=Math.round
  400. (DY[0]+=
  401. ((ymouse)-DY
  402. [0])*speed);
  403. Dx[0]=Math.round
  404. (DX[0]+=
  405. ((xmouse)-DX
  406. [0])*speed);
  407. for(i=1;i<
  408. D.length;i++){
  409. Dy[i]=Math.round
  410. (DY[i]+=(Dy[i-1]-
  411. DY[i])*speed);
  412. Dx[i]=Math.round
  413. (DX[i]+=(Dx[i-1]-
  414. DX[i])*speed);
  415. }
  416. y[0]=Math.round(Y
  417. [0]+=((ymouse)-Y
  418. [0])*speed);
  419. x[0]=Math.round(X
  420. [0]+=((xmouse)-X
  421. [0])*speed);
  422. for(i=1;i<n;
  423. i++){
  424. y[i]=Math.round(Y
  425. [i]+=(y[i-1]-Y
  426. [i])*speed);
  427. x[i]=Math.round(X
  428. [i]+=(x[i-1]-X
  429. [i])*speed);
  430. }
  431. ClockAndAssign();
  432. setTimeout('Delay
  433. ()',20);
  434. }
  435. if(ns||
  436. ie)window.onload=Delay;
  437. </SCRIPT>
  438. </body>
  439. </html>
» Описание: Очень красивый
JavaScript! За курсором мыши
движется круглый циферблат
с идущими аналоговыми
часами,
» Время добавления: 13 Авг 2014 в 11:33
» Посмотров: 1311
» textarea
» Рейтинг: [+1 | -0]
Комментарии [0]
PHP коды
Главная
Онлайн: 4
Реклама
Наш надёжный хостинг партнер
Купить рекламу