导航
电话
咨询
地图
顶部
中文日期限制 [Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]英文日期显示:dCol='000099';//date colour. fCol='668099';//face colour. sCol='FF0000';//seconds colour. mCol='000000';//minutes colour. hCol='000000';//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'; font='Verdana'; size=1; speed=0.6; 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; HandX=-2.5; scrll=0; step=0.06; currStep=0; 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(''+props2+D[i]+''); for (i=0; i < n; i++) document.write(''+props+Face[i]+''); for (i=0; i < S.length; i++) document.write(''+S[i]+''); for (i=0; i < M.length; i++) document.write(''+M[i]+''); for (i=0; i < H.length; i++) document.write(''+H[i]+''); } if (ie){ document.write(''); for (i=0; i < D.length; i++) document.write(''+props2+D[i]+''); document.write(''); document.write(''); for (i=0; i < n; i++) document.write(''+props+Face[i]+''); document.write(''); document.write(''); for (i=0; i < H.length; i++) document.write(''+H[i]+''); document.write(''); document.write(''); for (i=0; i < M.length; i++) document.write(''+M[i]+''); document.write('') document.write(''); for (i=0; i < S.length; i++) document.write(''+S[i]+''); document.write('') } (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()',10); } if (ns||ie)window.onload=Delay; [Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
# 可在 # 两种 # 英文 # 鼠标 # 值为 # 背景色 # 你要 # 全选 # 星期日 # 要你 # color # 宋体 # 某年某月 # 器里 # face # NS # 最慢 # 能看到 # 大段 # 速度最快 # 鼠标移动 # 时钟 # JavaScript实现简单的时钟实例代码 # 基于javascript实现动态时钟效果 # JS实现的网页倒计时数字时钟效果 # js实现一个简单的数字时钟效果 # js实现倒计时时钟的示例代码 # js时钟翻牌效果实现代码分享 # JS实现简易刻度时钟示例代码 # javascript结合Canvas 实现简易的圆形时钟 # javascript背景时钟实现方法 # JS实现简易换图时钟功能分析
相关栏目: 【 行业资讯 】 【 网络运营 】 【 GEO优化 】 【 营销推广 】 【 SEO优化 】 【 技术教程 】 【 代码知识 】 【 AI推广 】
相关推荐: js类的静态属性和实例属性的理解 DB2 常用命令速查(备忘) JS模拟的QQ面板上的多级可展开的菜单 asp.net ckeditor编辑器的使用方法 php实现网站插件机制的方法 jquery 弹出层实现代码 jquery中的$(document).ready()与window.onload的区别 php侧拉菜单 漂亮,可以向右或者向左展开,支持FF,IE mysql sql语句总结 张剑光 的大学四年,留给学弟学妹 转载 JSP request(return String)用法详例 在oracle 数据库中查看一个sql语句的执行时间和SP2-0027错误 JavaScript OOP类与继承 javascript实现的距离现在多长时间后的一个格式化的日期 JavaScript 核心参考教程 内置对象 实用的JS表单验证提示效果 iisapp.vbs iis pid了解对应的网站或应用池 javascript 网页上跳动的文字 Linux 操作系统下Web服务器配置详细介绍 php pack与unpack 摸板字符字符含义 将jQuery应用于login页面的问题及解决 vbs 调用中文语音让你电脑听你的命令的实现代码 JavaScript iframe的相互操作浅析 JQuery的ajax基础上的超强GridView展示 javascript RegExp 对象属性与方法和应用 VBS 脚本不能运行 提示Windows无法访问指定设备路径或文件 MSSQL 首字母替换成大写字母 asp.net 实现动态显示当前时间(不用javascript不考虑开销) extjs 学习笔记(二) Ext.Element类 理解 JavaScript 预解析 sql2005 HashBytes 加密函数 javascript 打印内容方法小结 PHP 批量删除数据的方法分析 用document.documentElement取代document.body的原因分析 几个javascript操作word的参考代码 jQuery checkbox全选/取消全选实现代码 asp.net用url重写URLReWriter实现任意二级域名 新 js loading加载效果实现代码 ASP 调用带参数输出的COM接口 jQuery animate效果演示 学习ExtJS 访问容器对象 CSS 布局一个漂亮的滑块 document.onreadystatechange事件的用法分析 层序遍历在ExtJs的TreePanel中的应用 sql 时间函数 整理的比较全了 SQL 判断字段类型语句 JQuery 解析多维的Json数据格式 MySQL下将一个表的数据插入到另外一个表的实现语句 使用regini.exe修改注册表命令 javascript 面向对象编程 function是方法(函数)
赣ICP备2024031479号