Phiên bản đầy đủ: jsB@nk » Thời gian » Đồng hồ » Đồng hồ treo tường của Thụy Sĩ
URL: https://www.javascriptbank.com/exclusive-swiss-luxery-watch-effect.html
Hiệu ứng sử dụng kết hợp hình ảnh CSS, JavaScript, DHTML và ActiveX để tạo một đồng hồ treo tường trên trang web.Một hiệu ứng rất đẹp và bắt mắt. Nếu không xem mã nguồn, người dùng sẽ có thể lầm tưởng nó được làm bằng Flash.
Phiên bản đầy đủ: jsB@nk » Thời gian » Đồng hồ » Đồng hồ treo tường của Thụy Sĩ
URL: https://www.javascriptbank.com/exclusive-swiss-luxery-watch-effect.html
<SCRIPT language=JavaScript><!-- Beginning of JavaScript -var nowvar secondvar minutevar hourvar degreeSecondvar degreeMinutevar degreeHourvar timervar stepDegree=6var stepDegreeHour=30function checkTime() {if (document.all) {now=new Date()second=now.getSeconds()minute=now.getMinutes()hour=now.getHours()if (hour>=12) {hour=hour-12}spinIt()timer=setTimeout("checkTime()",200)}}function spinIt() {window.status=hoursecondObj.SetIdentity()minuteObj.SetIdentity()hourObj.SetIdentity()degreeSecond=180+stepDegree*seconddegreeMinute=180+stepDegree*minutedegreeHour=180+stepDegreeHour*hour+(Math.floor(stepDegree*minute/12))secondObj.Rotate(0,0,degreeSecond)minuteObj.Rotate(0,0,degreeMinute)hourObj.Rotate(0,0,degreeHour)}// - End of JavaScript - --></SCRIPT><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><body onload=checkTime()><DIV style="LEFT: 40px; POSITION: absolute; TOP: 40px"><DIV style="LEFT: 0px; POSITION: absolute; TOP: 0px"> <IMG src="bgclock.gif" width="100" height="102"> </DIV><DIV style="LEFT: 0px; POSITION: absolute; TOP: 0px"><OBJECT classid=CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6 id=secondObj style="HEIGHT: 102px; WIDTH: 100px"><PARAM NAME="HighQuality" VALUE="1"><PARAM NAME="Line0001" VALUE="SetFillStyle(1)"><PARAM NAME="Line0002" VALUE="SetLineColor(80,20,20)"><PARAM NAME="Line0003" VALUE="SetFillColor(80,20,20)"><PARAM NAME="Line0004" VALUE="Rect(0,0,1,32)"></OBJECT></DIV><DIV style="LEFT: 0px; POSITION: absolute; TOP: 0px"><OBJECT classid=CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6 id=minuteObj style="HEIGHT: 102px; WIDTH: 100px"><PARAM NAME="HighQuality" VALUE="1"><PARAM NAME="Line0001" VALUE="SetFillStyle(1)"><PARAM NAME="Line0002" VALUE="SetLineColor(50,50,50)"><PARAM NAME="Line0003" VALUE="SetFillColor(50,50,50)"><PARAM NAME="Line0004" VALUE="Rect(0,0,1,30)"></OBJECT></DIV><DIV style="LEFT: 0px; POSITION: absolute; TOP: 0px"><OBJECT classid=CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6 id=hourObj style="HEIGHT: 102px; WIDTH: 100px"><PARAM NAME="HighQuality" VALUE="1"><PARAM NAME="Line0001" VALUE="SetFillStyle(1)"><PARAM NAME="Line0002" VALUE="SetLineColor(50,50,50)"><PARAM NAME="Line0003" VALUE="SetFillColor(50,50,50)"><PARAM NAME="Line0004" VALUE="Rect(0,0,1,16)"></OBJECT></DIV></DIV></body><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->
http://javascriptbank.com/javascript/time/bgclock.gif