JavaScript实现时钟.doc

JAVAscript实现时钟function $(id)return document.getElementById(id);function GDT_0() this.clockColor = blue; this.dispDay = -1; / Static globals. this.mhOffset = -90; this.hhOffset = -90; / Browser detection. this.agt = navigator.userAgent.toLowerCase(); this.is_ie = (this.agt.indexOf(msie)!= -1 & document.all & this.agt.indexOf(opera) = -1); this.is_ie5 = this.is_ie & (this.agt.indexOf(msie 5) != -1); this.is_ie6 = this.is_ie & (this.agt.indexOf(msie 6) != -1); this.is_ie7 = this.is_ie & (this.agt.indexOf(msie 7) != -1); /* * Writes an elements html for browsers with getElementById() */ this.writeElement = function(eltId, str) $(eltId).innerHTML = str; /* * Changes the clipping (position) of an elements background image for browsers with getElementById() */ this.updateX = function(eltId, xCoord) $(eltId).style.left = + xCoord + px; /* * Save the background image. */ this.setBkgPng = function (elId, imgSrc, repeat) $(elId).style.backgroundImage = url( + imgSrc + ); $(elId).style.backgroundRepeat = repeat; /* * Apply a filter instead of saving the background image. */ this.fixIeBkgPng = function (elId, imgSrc, repeat) $(elId).style.filter = progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src=+imgSrc+); $(elId).style.backgroundImage = none; /* * Updates the clock to the current time. */ this.upClock = function() var ctime = new Date(); var phr = ctime.getHours(); var pmin = ctime.getMinutes(); / scale clock to 0 - 11 if (phr = 12) phr -= 12; / adjust background positions for hands. with adjustments to fix slight deviations in position. var minVal = (phr * 60 + pmin) / 720; var hrAdjust = Math.round(Math.sin(minVal * 2 * Math.PI) * 10); var minAdjust = Math.round(Math.sin(pmin / 60 * 2 * Math.PI) * 20); this.updateX(gdt_hands_h_0, Math.round(minVal * 36) * this.hhOffset + hrAdjust ); this.updateX(gdt_hands_m_0, pmin * this.mhOffset + minAdjust); /* * Sets up the clock to update every minute. */ this.startInterval = function() window.setInterval(GDT_0_handle.upClock(),60000); this.upClock(); this.setImages = function() if (this.is_ie5 | this.is_ie6) this.fixIeBkgPng(gdt_clock_0, /attachments/2007/4/27/20070427_54a48efa25186a4ba3dff36XuK2hnwO6.png, no-repeat); this.fixIeBkgPng(gdt_hands_m_0, /attachments/2007/4/27/20070427_98ad389bbcd247e01ba01I1NX4klASfF.png, no-repeat); this.fixIeBkgPng(gdt_hands_h_0, /attachments/2007/4/27/20070427_1d5c1cfac885bbb69019s8eQ98OXqbtF.png, no-repeat); else this.setBkgPng(gdt_clock_0, /attachments/2007/4/27/20070427_54a48efa25186a4ba3dff36XuK2hnwO6.png, no-repeat); this.setBkgPng(gdt_hands_m_0, /attachments/2007/4/27/20070427_98ad389bbcd247e01ba01I1NX4klASfF.pngg, no-repeat); this.setBkgPng(gdt_hands_h_0, /attachments/2007/4/27/20070427_1d5c1cfac885bbb69019s8eQ98OXqbtF.png, no-repeat); /* * Sets up the clock, and tries its best to sync with the system clock to update at the right time. */ this.main = function() / address differences in relatively positioned elements in different browsers if (!this.is_ie5 & !this.is_ie6 & !this.is_ie7) $(gdt_hands_0).style.position = relative; this.setImages(); this.upClock()