管理资源吧首页>>>教程>>>编程>>>JavaScript教程>>>

超级可爱纯js网页时钟

<HTML><HEAD> 
<META http-equiv=Content-Type content="text/html; charset=gb2312"> 
<META content="MSHTML 6.00.6000.16414" name=GENERATOR></HEAD> 
<BODY> 
<DIV  
style="LEFT: 155px; WIDTH: 400px; ZOOM: 1; POSITION: absolute; TOP: 133px; HEIGHT: 300px"> 
<DIV id=bg  
style="LEFT: -22px; WIDTH: 150px; ZOOM: 1.5; POSITION: absolute; TOP: -57px; HEIGHT: 150px"><IMG  
style="Z-INDEX: 22; WIDTH: 129px; HEIGHT: 129px" src="http://files.glzy8.com/upload/novelty.gif" _ewebeditor_ta_src="http%3A%2F%2Ffiles.glzy8.com%2Fupload%2Fnovelty.gif">  
</DIV> 
<DIV id=h  
style="PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; WIDTH: 129px; PADDING-TOP: 5px; POSITION: absolute; HEIGHT: 129px"><IMG  
style="Z-INDEX: 22; WIDTH: 129px; HEIGHT: 129px" src="http://files.glzy8.com/upload/novelty_h.gif" _ewebeditor_ta_src="http%3A%2F%2Ffiles.glzy8.com%2Fupload%2Fnovelty_h.gif">  
</DIV> 
<DIV id=m  
style="PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; WIDTH: 129px; PADDING-TOP: 5px; POSITION: absolute; HEIGHT: 129px"><IMG  
style="Z-INDEX: 22; WIDTH: 129px; HEIGHT: 129px" src="http://files.glzy8.com/upload/novelty_m.gif" _ewebeditor_ta_src="http%3A%2F%2Ffiles.glzy8.com%2Fupload%2Fnovelty_m.gif">  
</DIV> 
<DIV id=s  
style="PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; WIDTH: 129px; PADDING-TOP: 5px; POSITION: absolute; HEIGHT: 129px"><IMG  
style="Z-INDEX: 22; WIDTH: 129px; HEIGHT: 129px" src="http://files.glzy8.com/upload/novelty_s.gif" _ewebeditor_ta_src="http%3A%2F%2Ffiles.glzy8.com%2Fupload%2Fnovelty_s.gif">  
</DIV> 
<DIV id=dot  
style="PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; WIDTH: 129px; PADDING-TOP: 5px; POSITION: absolute; HEIGHT: 129px"><IMG  
style="Z-INDEX: 22; WIDTH: 129px; HEIGHT: 129px" src="http://files.glzy8.com/upload/novelty_dot.gif" _ewebeditor_ta_src="http%3A%2F%2Ffiles.glzy8.com%2Fupload%2Fnovelty_dot.gif">  
</DIV> 
<DIV> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3CSCRIPT%3E%20%0D%0A%2F%2FoObj%20input%20requires%20that%20a%20matrix%20filter%20be%20applied.%20%20%0D%0A%2F%2Fdeg%20input%20defines%20the%20requested%20angle%20of%20rotation.%20%0D%0Avar%20deg2radians%20%3D%20Math.PI%20*%202%20%2F%20360%3B%20%0D%0Afunction%20MatrixFilter(obj)%20%0D%0A%7B%20%20%20%20%20%0D%0A%20%20%20%20if(!obj.filters)return%3B%20%0D%0A%20%20%20%20%2F%2Falert(obj.filters.item(0))%3B%20%0D%0A%20%20%20%20var%20Matrix%3B%20%0D%0A%20%20%20%20for(p%20in%20obj.filters)%20%0D%0A%20%20%20%20%7B%20%20%20%20%20%20%20%20%0D%0A%20%20%20%20%20%20%20%20if(p%3D%3D%22DXImageTransform.Microsoft.Matrix%22)Matrix%3Dobj.filters%5B%22DXImageTransform.Microsoft.Matrix%22%5D%3B%20%20%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20if(!Matrix)%20%0D%0A%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20obj.style.filter%2B%3D%22progid%3ADXImageTransform.Microsoft.Matrix()%22%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20Matrix%3Dobj.filters%5B%22DXImageTransform.Microsoft.Matrix%22%5D%3B%20%0D%0A%20%20%20%20this.equal%3Dfunction(Matrix2D_x)%20%0D%0A%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20if(Matrix2D_x.M11)Matrix.M11%20%3D%20Matrix2D_x.M11%3B%20%0D%0A%20%20%20%20%20%20%20%20if(Matrix2D_x.M12)Matrix.M12%20%3D%20Matrix2D_x.M12%3B%20%0D%0A%20%20%20%20%20%20%20%20if(Matrix2D_x.M21)Matrix.M21%20%3D%20Matrix2D_x.M21%3B%20%0D%0A%20%20%20%20%20%20%20%20if(Matrix2D_x.M22)Matrix.M22%20%3D%20Matrix2D_x.M22%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%0D%0A%20%20%20%20if(arguments%5B1%5D)this.equal(arguments%5B1%5D)%3B%20%0D%0A%20%20%20%20%20%0D%0A%20%20%20%20this.Rotate%3Dfunction(deg)%20%0D%0A%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20rad%20%3D%20deg%20*%20deg2radians%3B%20%0D%0A%20%20%20%20%20%20%20%20costheta%20%3D%20Math.cos(rad)%3B%20%0D%0A%20%20%20%20%20%20%20%20sintheta%20%3D%20Math.sin(rad)%3B%20%0D%0A%20%20%20%20%20%20%20%20var%20d%3Dnew%20Matrix2D(costheta%2C-sintheta%2Csintheta%2Ccostheta)%3B%20%0D%0A%20%20%20%20%20%20%20%20this.equal(Matrix2D.Mul(Matrix%2Cd))%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20this.RotateTo%3Dfunction(deg)%20%0D%0A%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20rad%20%3D%20deg%20*%20deg2radians%3B%20%0D%0A%20%20%20%20%20%20%20%20costheta%20%3D%20Math.cos(rad)%3B%20%0D%0A%20%20%20%20%20%20%20%20sintheta%20%3D%20Math.sin(rad)%3B%20%0D%0A%20%20%20%20%20%20%20%20var%20d%3Dnew%20Matrix2D(costheta%2C-sintheta%2Csintheta%2Ccostheta)%3B%20%0D%0A%20%20%20%20%20%20%20%20this.equal(d)%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20this.RotateAt%3Dfunction(deg%2Csx%2Csy)%20%0D%0A%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20rad%20%3D%20deg%20*%20deg2radians%3B%20%0D%0A%20%20%20%20%20%20%20%20costheta%20%3D%20Math.cos(rad)%3B%20%0D%0A%20%20%20%20%20%20%20%20sintheta%20%3D%20Math.sin(rad)%3B%20%0D%0A%20%20%20%20%20%20%20%20var%20d%3Dnew%20Matrix2D(costheta%2C-sintheta%2Csintheta%2Ccostheta)%3B%20%0D%0A%20%20%20%20%20%20%20%20var%20x%3Dsx-Matrix.Dx%3B%20%0D%0A%20%20%20%20%20%20%20%20var%20y%3Dsy-Matrix.Dy%3B%20%0D%0A%20%20%20%20%20%20%20%20this.MoveTo(x*costheta%2By*sintheta-x%2C-x*sintheta%2By*costheta-y)%3B%20%0D%0A%20%20%20%20%20%20%20%20this.equal(Matrix2D.Mul(Matrix%2Cd))%3B%20%20%20%20%20%20%20%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20this.RotateToAt%3Dfunction(deg%2Csx%2Csy)%20%0D%0A%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20rad%20%3D%20deg%20*%20deg2radians%3B%20%0D%0A%20%20%20%20%20%20%20%20costheta%20%3D%20Math.cos(rad)%3B%20%0D%0A%20%20%20%20%20%20%20%20sintheta%20%3D%20Math.sin(rad)%3B%20%0D%0A%20%20%20%20%20%20%20%20var%20d%3Dnew%20Matrix2D(costheta%2C-sintheta%2Csintheta%2Ccostheta)%3B%20%0D%0A%20%20%20%20%20%20%20%20var%20x%3Dsx%3B%20%0D%0A%20%20%20%20%20%20%20%20var%20y%3Dsy%3B%20%0D%0A%20%20%20%20%20%20%20%20this.MoveTo(x-(x*costheta-y*sintheta)%2C-(x*sintheta%2By*costheta-x))%3B%20%0D%0A%20%20%20%20%20%20%20%20this.equal(d)%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%0D%0A%20%20%20%20this.MoveTo%3Dfunction(sx%2Csy)%20%0D%0A%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20Matrix.Dx%3Dsx%3B%20%0D%0A%20%20%20%20%20%20%20%20Matrix.Dy%3Dsy%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20this.toMatrix2D%3Dfunction()%20%0D%0A%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20return%20new%20Matrix2D(Matrix.M11%2CMatrix.M12%2CMatrix.M21%2CMatrix.M22)%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20this.ZoomBy%3Dfunction(sx%2Csy)%20%0D%0A%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20var%20d%3Dnew%20Matrix2D(sx%2C0%2C0%2Csy)%3B%20%0D%0A%20%20%20%20%20%20%20%20this.equal(Matrix2D.Mul(Matrix%2Cd))%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20this.toString%3Dfunction()%20%0D%0A%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20return%20%22%22%2BMatrix.M11%2B%22%20%22%2BMatrix.M12%2B%22%5Cn%22%2BMatrix.M21%2B%22%20%22%2BMatrix.M22%2B%22%5Cn%22%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20%2F%2FMatrix.SizingMethod%3D'clip%20to%20original'%3B%20%0D%0A%20%20%20%20%2F%2Fthis.fnSetRotation(30)%3B%20%0D%0A%20%20%20%20%2F%2Falert(Matrix.M11)%3B%20%0D%0A%20%20%20%20%2F%2Falert(obj.filters%5B%22DXImageTransform.Microsoft.Matrix%22%5D)%3B%20%0D%0A%7D%20%0D%0Afunction%20Matrix2D()%20%0D%0A%7B%20%0D%0A%20%20%20%20this.M11%20%3D%20arguments%5B0%5D%7C%7C1%3B%20%0D%0A%20%20%20%20this.M12%20%3D%20arguments%5B1%5D%7C%7C0%3B%20%0D%0A%20%20%20%20this.M21%20%3D%20arguments%5B2%5D%7C%7C0%3B%20%0D%0A%20%20%20%20this.M22%20%3D%20arguments%5B3%5D%7C%7C1%3B%20%0D%0A%20%20%20%20this.Mul_Matrix2D%3Dfunction(Matrix2D_b)%20%0D%0A%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20var%20r%3Dnew%20Matrix2D()%3B%20%0D%0A%20%20%20%20%20%20%20%20r%3DMatrix2D.Mul(this%2CMatrix2D_b)%3B%20%20%20%20%20%20%20%20%20%0D%0A%20%20%20%20%20%20%20%20return%20r%3B%20%20%20%20%20%20%20%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20this.toString%3Dfunction()%20%0D%0A%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20return%20%22%22%2Bthis.M11%2B%22%20%22%2Bthis.M12%2B%22%5Cn%22%2Bthis.M21%2B%22%20%22%2Bthis.M22%2B%22%5Cn%22%20%0D%0A%20%20%20%20%7D%20%0D%0A%7D%20%0D%0AMatrix2D.Mul%3Dfunction(Matrix2D_a%2CMatrix2D_b)%20%0D%0A%7B%20%0D%0A%20%20%20%20var%20r%3Dnew%20Matrix2D()%3B%20%0D%0A%20%20%20%20r.M11%3DMatrix2D_a.M11*Matrix2D_b.M11%2BMatrix2D_a.M12*Matrix2D_b.M21%3B%20%0D%0A%20%20%20%20r.M12%3DMatrix2D_a.M11*Matrix2D_b.M12%2BMatrix2D_a.M12*Matrix2D_b.M22%3B%20%0D%0A%20%20%20%20r.M21%3DMatrix2D_a.M21*Matrix2D_b.M11%2BMatrix2D_a.M22*Matrix2D_b.M21%3B%20%0D%0A%20%20%20%20r.M22%3DMatrix2D_a.M21*Matrix2D_b.M12%2BMatrix2D_a.M22*Matrix2D_b.M22%3B%20%0D%0A%20%20%20%20return%20r%3B%20%20%20%20%20%20%0D%0A%7D%20%0D%0A%0D%0A%0D%0Avar%20ms%3Dnew%20MatrixFilter(s)%3B%20%0D%0Avar%20mm%3Dnew%20MatrixFilter(m)%3B%20%0D%0Avar%20mh%3Dnew%20MatrixFilter(h)%3B%20%0D%0Avar%20i%3D1%3B%20%0D%0AsetInterval(%22ms.RotateToAt((new%20Date()).getSeconds()*6%2B6%2C69%2C69)%22%2C500)%3B%20%0D%0AsetInterval(%22mm.RotateToAt((new%20Date()).getMinutes()*6%2B6%2C69%2C69)%22%2C500)%3B%20%0D%0AsetInterval(%22mh.RotateToAt(((new%20Date()).getHours()%2B(new%20Date()).getMinutes()%2F60)*30%2C69%2C69)%22%2C500)%3B%20%0D%0A%2F%2Fmf.MoveTo(30%2C70)%3B%20%0D%0A%2F%2Fmf.ZoomBy(1.5%2C1.5)%3B%20%0D%0A%2F%2Fmf.ZoomBy(1.5%2C1.5)%3B%20%0D%0A%2F%2Falert(mf.toMatrix2D())%3B%20%0D%0A%0D%0A%2F%2Falert(Matrix2D.Mul(m2d1%2Cm2d2))%3B%20%0D%0A%2F%2FfnSetRotation(oDiv.filters.item(0)%2C30)%3B%20%0D%0A%3C%2FSCRIPT%3E"> 
</DIV></DIV></BODY></HTML>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

教程首页更多教程