Trả lời chủ đề

Nội dung

<blockquote data-quote="JavaScriptBank" data-source="post: 35903" data-attributes="member: 33022">Mã JavaScript hữu íchChuột có đồng hồHiệu ứng tạo một <a href="https://www.javascriptbank.com/javascript/time/clock-time-date/" target="_blank">đồng hồ</a> dạng kim hiển thị <a href="https://www.javascriptbank.com/javascript/time/" target="_blank">ngày giờ</a> <a href="https://www.javascriptbank.com/vi+title=di chuyển" target="_blank">di chuyển&lt;/a... [URL=&quot;https://www.javascriptbank.com/trailing-clock-cursor.html/vi//&quot;]chi tiết</a> tại <a href="https://www.javascriptbank.com/" target="_blank">JavaScriptBank.com - 2.000+ free JavaScript codes</a><a href="https://www.javascriptbank.com/javascript/mouse/trailer/trailing-clock-cursor/preview/vi/" target="_blank"><img src="https://www.javascriptbank.com/javascript.images/mouse/trailing-clock-cursor.jpg" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /></a>
Demo: <a href="https://www.javascriptbank.com/trailing-clock-cursor.html/vi/" target="_blank">JavaScript Chuột có đồng hồ</a>
 | <a href="https://www.javascriptbank.com/trailing-clock-cursor.html" target="_blank">JavaScript Trailing Clock Cursor</a>Cách cài đặtBước 1: Đặt mã JavaScript bên dưới vào phần HEADJavaScript[CODE]&lt;SCRIPT&gt;dCol=&#039;BLUE&#039;;//date colour.fCol=&#039;RED&#039;;//face colour.sCol=&#039;BLUE&#039;;//seconds colour.mCol=&#039;BLUE&#039;;//minutes colour.hCol=&#039;RED&#039;;//hours colour.ClockHeight=40;ClockWidth=40;ClockFromMouseY=0;ClockFromMouseX=100;//Alter nothing below! Alignments will be lost!d=new Array(&quot;SUNDAY&quot;,&quot;MONDAY&quot;,&quot;TUESDAY&quot;,&quot;WEDNESDAY&quot;,&quot;THURSDAY&quot;,&quot;FRIDAY&quot;,&quot;SATURDAY&quot;);m=new Array(&quot;JANUARY&quot;,&quot;FEBRUARY&quot;,&quot;MARCH&quot;,&quot;APRIL&quot;,&quot;MAY&quot;,&quot;JUNE&quot;,&quot;JULY&quot;,&quot;AUGUST&quot;,&quot;SEPTEMBER&quot;,&quot;OCTOBER&quot;,&quot;NOVEMBER&quot;,&quot;DECEMBER&quot;);date=new Date();day=date.getDate();year=date.getYear();if (year &lt; 2000) year=year+1900;TodaysDate=&quot; &quot;+d[date.getDay()]+&quot; &quot;+day+&quot; &quot;+m[date.getMonth()]+&quot; &quot;+year;D=TodaysDate.split(&#039;&#039;);H=&#039;...&#039;;H=H.split(&#039;&#039;);M=&#039;....&#039;;M=M.split(&#039;&#039;);S=&#039;.....&#039;;S=S.split(&#039;&#039;);Face=&#039;1 2 3 4 5 6 7 8 9 10 11 12&#039;;font=&#039;Arial&#039;;size=1;speed=0.6; //dieu chinh toc do di chuyen theo mousens=(document.layers);ie=(document.all);Face=Face.split(&#039; &#039;);n=Face.length;a=size*10;ymouse=0;xmouse=0;scrll=0;props=&quot;&lt;font face=&quot;+font+&quot; size=&quot;+size+&quot; color=&quot;+fCol+&quot;&gt;&lt;B&gt;&quot;;props2=&quot;&lt;font face=&quot;+font+&quot; size=&quot;+size+&quot; color=&quot;+dCol+&quot;&gt;&lt;B&gt;&quot;;Split=360/n;Dsplit=360/D.length;HandHeight=ClockHeight/4.5HandWidth=ClockWidth/4.5HandY=-7; //di chuyen vi tri kim theo chieu docHandX=-2.5; // di chuyen vi tri kim theo chieu ngangscrll=0;step=0.06; // dieu chinh toc do xoay cua vong ngay thang, so cang nho toc do cang cham, 0: khong xoaycurrStep=0; //xoay diem dat cua vong ngay thangy=new Array();x=new Array();Y=new Array();X=new Array();for (i=0; i &lt; n; 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 &lt; D.length; i++){Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=0}if (ns){for (i=0; i &lt; D.length; i++)document.write(&#039;&lt;layer name=&quot;nsDate&#039;+i+&#039;&quot; top=0 left=0 height=&#039;+a+&#039; width=&#039;+a+&#039;&gt;&lt;center&gt;&#039;+props2+D[i]+&#039;&lt;/font&gt;&lt;/center&gt;&lt;/layer&gt;&#039;);for (i=0; i &lt; n; i++)document.write(&#039;&lt;layer name=&quot;nsFace&#039;+i+&#039;&quot; top=0 left=0 height=&#039;+a+&#039; width=&#039;+a+&#039;&gt;&lt;center&gt;&#039;+props+Face[i]+&#039;&lt;/font&gt;&lt;/center&gt;&lt;/layer&gt;&#039;);for (i=0; i &lt; S.length; i++)document.write(&#039;&lt;layer name=nsSeconds&#039;+i+&#039; top=0 left=0 width=15 height=15&gt;&lt;font face=Arial size=3 color=&#039;+sCol+&#039;&gt;&lt;center&gt;&lt;b&gt;&#039;+S[i]+&#039;&lt;/b&gt;&lt;/center&gt;&lt;/font&gt;&lt;/layer&gt;&#039;);for (i=0; i &lt; M.length; i++)document.write(&#039;&lt;layer name=nsMinutes&#039;+i+&#039; top=0 left=0 width=15 height=15&gt;&lt;font face=Arial size=3 color=&#039;+mCol+&#039;&gt;&lt;center&gt;&lt;b&gt;&#039;+M[i]+&#039;&lt;/b&gt;&lt;/center&gt;&lt;/font&gt;&lt;/layer&gt;&#039;);for (i=0; i &lt; H.length; i++)document.write(&#039;&lt;layer name=nsHours&#039;+i+&#039; top=0 left=0 width=15 height=15&gt;&lt;font face=Arial size=3 color=&#039;+hCol+&#039;&gt;&lt;center&gt;&lt;b&gt;&#039;+H[i]+&#039;&lt;/b&gt;&lt;/center&gt;&lt;/font&gt;&lt;/layer&gt;&#039;);}if (ie){document.write(&#039;&lt;div id=&quot;Od&quot; style=&quot;position:absolute;top:0px;left:0px&quot;&gt;&lt;div style=&quot;position:relative&quot;&gt;&#039;);for (i=0; i &lt; D.length; i++)document.write(&#039;&lt;div id=&quot;ieDate&quot; style=&quot;position:absolute;top:0px;left:0;height:&#039;+a+&#039;;width:&#039;+a+&#039;;text-align:center&quot;&gt;&#039;+props2+D[i]+&#039;&lt;/B&gt;&lt;/font&gt;&lt;/div&gt;&#039;);document.write(&#039;&lt;/div&gt;&lt;/div&gt;&#039;);document.write(&#039;&lt;div id=&quot;Of&quot; style=&quot;position:absolute;top:0px;left:0px&quot;&gt;&lt;div style=&quot;position:relative&quot;&gt;&#039;);for (i=0; i &lt; n; i++)document.write(&#039;&lt;div id=&quot;ieFace&quot; style=&quot;position:absolute;top:0px;left:0;height:&#039;+a+&#039;;width:&#039;+a+&#039;;text-align:center&quot;&gt;&#039;+props+Face[i]+&#039;&lt;/B&gt;&lt;/font&gt;&lt;/div&gt;&#039;);document.write(&#039;&lt;/div&gt;&lt;/div&gt;&#039;);document.write(&#039;&lt;div id=&quot;Oh&quot; style=&quot;position:absolute;top:0px;left:0px&quot;&gt;&lt;div style=&quot;position:relative&quot;&gt;&#039;);for (i=0; i &lt; H.length; i++)document.write(&#039;&lt;div id=&quot;ieHours&quot; style=&quot;position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:&#039;+hCol+&#039;;text-align:center;font-weight:bold&quot;&gt;&#039;+H[i]+&#039;&lt;/div&gt;&#039;);document.write(&#039;&lt;/div&gt;&lt;/div&gt;&#039;);document.write(&#039;&lt;div id=&quot;Om&quot; style=&quot;position:absolute;top:0px;left:0px&quot;&gt;&lt;div style=&quot;position:relative&quot;&gt;&#039;);for (i=0; i &lt; M.length; i++)document.write(&#039;&lt;div id=&quot;ieMinutes&quot; style=&quot;position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:&#039;+mCol+&#039;;text-align:center;font-weight:bold&quot;&gt;&#039;+M[i]+&#039;&lt;/div&gt;&#039;);document.write(&#039;&lt;/div&gt;&lt;/div&gt;&#039;)document.write(&#039;&lt;div id=&quot;Os&quot; style=&quot;position:absolute;top:0px;left:0px&quot;&gt;&lt;div style=&quot;position:relative&quot;&gt;&#039;);for (i=0; i &lt; S.length; i++)document.write(&#039;&lt;div id=&quot;ieSeconds&quot; style=&quot;position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:&#039;+sCol+&#039;;text-align:center;font-weight:bold&quot;&gt;&#039;+S[i]+&#039;&lt;/div&gt;&#039;);document.write(&#039;&lt;/div&gt;&lt;/div&gt;&#039;)}(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){Od.style.top=window.document.body.scrollTop;Of.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 &lt; n; i++){&nbsp;var F=(ns)?document.layers[&#039;nsFace&#039;+i]:ieFace[i].style;&nbsp;F.top=y[i] + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180)+scrll;&nbsp;F.left=x[i] + ClockWidth*Math.cos(-1.0471 + i*Split*Math.PI/180);&nbsp;}for (i=0; i &lt; H.length; i++){&nbsp;var HL=(ns)?document.layers[&#039;nsHours&#039;+i]:ieHours[i].style;&nbsp;HL.top=y[i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll;&nbsp;HL.left=x[i]+HandX+(i*HandWidth)*Math.cos(hrs);&nbsp;}for (i=0; i &lt; M.length; i++){&nbsp;var ML=(ns)?document.layers[&#039;nsMinutes&#039;+i]:ieMinutes[i].style;&nbsp;ML.top=y[i]+HandY+(i*HandHeight)*Math.sin(min)+scrll;&nbsp;ML.left=x[i]+HandX+(i*HandWidth)*Math.cos(min);&nbsp;}for (i=0; i &lt; S.length; i++){&nbsp;var SL=(ns)?document.layers[&#039;nsSeconds&#039;+i]:ieSeconds[i].style;&nbsp;SL.top=y[i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll;&nbsp;SL.left=x[i]+HandX+(i*HandWidth)*Math.cos(sec);&nbsp;}for (i=0; i &lt; D.length; i++){&nbsp;var DL=(ns)?document.layers[&#039;nsDate&#039;+i]:ieDate[i].style;&nbsp;DL.top=Dy[i] + ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/180)+scrll;&nbsp;DL.left=Dx[i] + ClockWidth*1.5*Math.cos(currStep+i*Dsplit*Math.PI/180);&nbsp;}currStep-=step;}function Delay(){scrll=(ns)?window.pageYOffset:0;Dy[0]=Math.round(DY[0]+=((ymouse)-DY[0])*speed);Dx[0]=Math.round(DX[0]+=((xmouse)-DX[0])*speed);for (i=1; i &lt; D.length; i++){Dy[i]=Math.round(DY[i]+=(Dy[i-1]-DY[i])*speed);Dx[i]=Math.round(DX[i]+=(Dx[i-1]-DX[i])*speed);}y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);for (i=1; i &lt; n; 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(&#039;Delay()&#039;,20);}if (ns||ie)window.onload=Delay;&lt;/SCRIPT&gt;&nbsp; &nbsp; &lt;!--&nbsp; &nbsp; &nbsp; &nbsp; This script downloaded from www.JavaScriptBank.com&nbsp; &nbsp; &nbsp; &nbsp; Come to view and download over 2000+ free javascript at www.JavaScriptBank.com&nbsp; &nbsp; --&gt;[/CODE]Các hiệu ứng tương tự&nbsp;- <a href="https://www.javascriptbank.com/stop-the-clock.html/vi/" target="_blank">Dừng đồng hồ</a>&nbsp;- <a href="https://www.javascriptbank.com/calendar-of-events-script.html/vi/" target="_blank">Lịch kèm đồng hồ và các sự kiện lớn</a>&nbsp;- <a href="https://www.javascriptbank.com/two-more-clocks.html/vi/" target="_blank">Hai loại đồng hồ có kèm ngày tháng</a>Một vài nhãn tương tự: <a href="https://www.javascriptbank.com/vi+tag=đồng hồ" target="_blank">đồng hồ</a>, <a href="https://www.javascriptbank.com/vi+tag=dạng kim" target="_blank">dạng kim</a>, <a href="https://www.javascriptbank.com/vi+tag=hiển thị" target="_blank">hiển thị</a>, <a href="https://www.javascriptbank.com/vi+tag=ngày giờ" target="_blank">ngày giờ</a>, <a href="https://www.javascriptbank.com/vi+tag=di chuyển" target="_blank">di chuyển</a>, <a href="https://www.javascriptbank.com/vi+tag=con trỏ chuột" target="_blank">con trỏ chuột</a>Bạn có thể xem thêm nhiều JavaScript khác về <a href="https://www.javascriptbank.com/javascript/mouse/vi/" target="_blank">Con trỏ</a> và <a href="https://www.javascriptbank.com/javascript/mouse/trailer/vi/" target="_blank">Di chuyển theo chuột</a><a href="https://www.javascriptbank.com/concentration-smaller-index.html/vi/" target="_blank">Tìm các cặp hình giống nhau</a>
<a href="https://www.javascriptbank.com/concentration-smaller-index.html/vi/" target="_blank"></a> - <a href="https://www.javascriptbank.com/forum/cd-rom-giao-trinh-ssdg-ve-web-lap-trinh-t685.html" target="_blank">CD-Rom giáo trình SSDG về Web &amp; Lập trình</a> - <a href="https://www.javascriptbank.com/forum/di-chuyen-tag-div-theo-y-thich-t592.html" target="_blank">Hiệu ứng di chuyển div bằng javascript</a></blockquote>

[QUOTE="JavaScriptBank, post: 35903, member: 33022"] [CENTER][SIZE="5"]Mã JavaScript hữu ích[/SIZE][/CENTER] Chuột có đồng hồ Hiệu ứng tạo một [URL="https://www.javascriptbank.com/javascript/time/clock-time-date/"]đồng hồ[/URL] dạng kim hiển thị [URL="https://www.javascriptbank.com/javascript/time/"]ngày giờ[/URL] [URL="https://www.javascriptbank.com/vi+title=di chuyển"]di chuyển</a... [URL="https://www.javascriptbank.com/trailing-clock-cursor.html/vi//"]chi tiết[/URL] tại [URL="https://www.javascriptbank.com/"]JavaScriptBank.com - 2.000+ free JavaScript codes[/URL] [CENTER][URL="https://www.javascriptbank.com/javascript/mouse/trailer/trailing-clock-cursor/preview/vi/"][IMG]https://www.javascriptbank.com/javascript.images/mouse/trailing-clock-cursor.jpg[/IMG][/URL] Demo: [URL="https://www.javascriptbank.com/trailing-clock-cursor.html/vi/"]JavaScript Chuột có đồng hồ[/URL] | [URL="https://www.javascriptbank.com/trailing-clock-cursor.html"]JavaScript Trailing Clock Cursor[/URL][/CENTER] [SIZE="4"][U]Cách cài đặt[/U][/SIZE] [B]Bước 1[/B]: Đặt mã JavaScript bên dưới vào phần HEAD JavaScript [CODE]<SCRIPT> dCol='BLUE';//date colour. fCol='RED';//face colour. sCol='BLUE';//seconds colour. mCol='BLUE';//minutes colour. hCol='RED';//hours colour. ClockHeight=40; ClockWidth=40; ClockFromMouseY=0; ClockFromMouseX=100; //Alter nothing below! Alignments will be lost! d=new Array("SUNDAY","MONDAY","TUESDAY","WEDNESDAY","THURSDAY","FRIDAY","SATURDAY"); m=new Array("JANUARY","FEBRUARY","MARCH","APRIL","MAY","JUNE","JULY","AUGUST","SEPTEMBER","OCTOBER","NOVEMBER","DECEMBER"); date=new Date(); day=date.getDate(); year=date.getYear(); if (year < 2000) year=year+1900; TodaysDate=" "+d[date.getDay()]+" "+day+" "+m[date.getMonth()]+" "+year; D=TodaysDate.split(''); H='...'; H=H.split(''); M='....'; M=M.split(''); S='.....'; S=S.split(''); Face='1 2 3 4 5 6 7 8 9 10 11 12'; font='Arial'; size=1; speed=0.6; //dieu chinh toc do di chuyen theo mouse ns=(document.layers); ie=(document.all); Face=Face.split(' '); n=Face.length; a=size*10; ymouse=0; xmouse=0; scrll=0; props=""; props2=""; Split=360/n; Dsplit=360/D.length; HandHeight=ClockHeight/4.5 HandWidth=ClockWidth/4.5 HandY=-7; //di chuyen vi tri kim theo chieu doc HandX=-2.5; // di chuyen vi tri kim theo chieu ngang scrll=0; step=0.06; // dieu chinh toc do xoay cua vong ngay thang, so cang nho toc do cang cham, 0: khong xoay currStep=0; //xoay diem dat cua vong ngay thang y=new Array();x=new Array();Y=new Array();X=new Array(); for (i=0; i < n; 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 < D.length; i++){Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=0} if (ns){ for (i=0; i < D.length; i++) document.write('<layer name="nsDate'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props2+D[i]+'</center></layer>'); for (i=0; i < n; i++) document.write('<layer name="nsFace'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+Face[i]+'</center></layer>'); for (i=0; i < S.length; i++) document.write('<layer name=nsSeconds'+i+' top=0 left=0 width=15 height=15><center>'+S[i]+'</center></layer>'); for (i=0; i < M.length; i++) document.write('<layer name=nsMinutes'+i+' top=0 left=0 width=15 height=15><center>'+M[i]+'</center></layer>'); for (i=0; i < H.length; i++) document.write('<layer name=nsHours'+i+' top=0 left=0 width=15 height=15><center>'+H[i]+'</center></layer>'); } if (ie){ document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < D.length; i++) document.write('<div id="ieDate" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props2+D[i]+'</div>'); document.write('</div></div>'); document.write('<div id="Of" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < n; i++) document.write('<div id="ieFace" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+Face[i]+'</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.length; i++) 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>'); 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.length; i++) 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>'); 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.length; i++) 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>'); 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){ Od.style.top=window.document.body.scrollTop; Of.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 < n; i++){ var F=(ns)?document.layers['nsFace'+i]:ieFace[i].style; F.top=y[i] + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180)+scrll; F.left=x[i] + ClockWidth*Math.cos(-1.0471 + i*Split*Math.PI/180); } for (i=0; i < H.length; i++){ var HL=(ns)?document.layers['nsHours'+i]:ieHours[i].style; HL.top=y[i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll; HL.left=x[i]+HandX+(i*HandWidth)*Math.cos(hrs); } for (i=0; i < M.length; i++){ var ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes[i].style; ML.top=y[i]+HandY+(i*HandHeight)*Math.sin(min)+scrll; ML.left=x[i]+HandX+(i*HandWidth)*Math.cos(min); } for (i=0; i < S.length; i++){ var SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds[i].style; SL.top=y[i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll; SL.left=x[i]+HandX+(i*HandWidth)*Math.cos(sec); } for (i=0; i < D.length; i++){ var DL=(ns)?document.layers['nsDate'+i]:ieDate[i].style; DL.top=Dy[i] + ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/180)+scrll; DL.left=Dx[i] + ClockWidth*1.5*Math.cos(currStep+i*Dsplit*Math.PI/180); } currStep-=step; } function Delay(){ scrll=(ns)?window.pageYOffset:0; Dy[0]=Math.round(DY[0]+=((ymouse)-DY[0])*speed); Dx[0]=Math.round(DX[0]+=((xmouse)-DX[0])*speed); for (i=1; i < D.length; i++){ Dy[i]=Math.round(DY[i]+=(Dy[i-1]-DY[i])*speed); Dx[i]=Math.round(DX[i]+=(Dx[i-1]-DX[i])*speed); } y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed); x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed); for (i=1; i < n; 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; </SCRIPT> [/CODE] Các hiệu ứng tương tự - [URL="https://www.javascriptbank.com/stop-the-clock.html/vi/"]Dừng đồng hồ[/URL] - [URL="https://www.javascriptbank.com/calendar-of-events-script.html/vi/"]Lịch kèm đồng hồ và các sự kiện lớn[/URL] - [URL="https://www.javascriptbank.com/two-more-clocks.html/vi/"]Hai loại đồng hồ có kèm ngày tháng[/URL] [B]Một vài nhãn tương tự[/B]: [URL="https://www.javascriptbank.com/vi+tag=đồng hồ"]đồng hồ[/URL], [URL="https://www.javascriptbank.com/vi+tag=dạng kim"]dạng kim[/URL], [URL="https://www.javascriptbank.com/vi+tag=hiển thị"]hiển thị[/URL], [URL="https://www.javascriptbank.com/vi+tag=ngày giờ"]ngày giờ[/URL], [URL="https://www.javascriptbank.com/vi+tag=di chuyển"]di chuyển[/URL], [URL="https://www.javascriptbank.com/vi+tag=con trỏ chuột"]con trỏ chuột[/URL] Bạn có thể xem thêm nhiều JavaScript khác về [URL="https://www.javascriptbank.com/javascript/mouse/vi/"]Con trỏ[/URL] và [URL="https://www.javascriptbank.com/javascript/mouse/trailer/vi/"]Di chuyển theo chuột[/URL] [CENTER][URL="https://www.javascriptbank.com/concentration-smaller-index.html/vi/"][COLOR="DarkOrange"]Tìm các cặp hình giống nhau [/COLOR][/URL] - [URL="https://www.javascriptbank.com/forum/cd-rom-giao-trinh-ssdg-ve-web-lap-trinh-t685.html"][COLOR="Blue"]CD-Rom giáo trình SSDG về Web & Lập trình[/COLOR][/URL] - [URL="https://www.javascriptbank.com/forum/di-chuyen-tag-div-theo-y-thich-t592.html"]Hiệu ứng di chuyển div bằng javascript[/URL][/CENTER] [/QUOTE]

Tên

Mã xác nhận