导航
电话
咨询
地图
顶部
中文日期限制 [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推广 】
相关推荐: 一段时间以后切换显示的广告代码 <font color=red>原创</font> 比较全面的event对像在IE与FF中的区别 推荐 VBScript 算一算你从出生到现在共计多少天 html 锁定页面(js遮罩层弹出div效果) JavaScript 事件的一些重要说明 MSSQL 首字母替换成大写字母 JavaScript delete 属性的使用 jquery checkbox全选反选效果代码 jQuery 判断元素上是否绑定了事件 JavaScript 读取图片实例代码 点击下载链接 弹出页面实现代码 关于页面优化和伪静态 JavaScript 组件之旅(三):用 Ant 构建组件 asp.net 图片的读写入库实现代码 mysql 前几条记录语句之(limit) 传智播客学习之JavaScript基础篇 PHP 配置open_basedir 让各虚拟站点独立运行 Discuz!NT 3与asp.net 整合的实例教程 IIS 配置问题 一些iis常见问题的解决方法 javascript实现的距离现在多长时间后的一个格式化的日期 Oracle 语句优化分析说明第1/2页 让你的网站可编辑的实现js代码 一些技巧性实用js代码小结 中文域名备受关注 互联网40年最大变革 纯CSS 链接悬停提示效果代码 javaScript parseInt字符转化为数字函数使用小结 javascript 页面划词搜索JS innerhtml用法 innertext用法 以及innerHTML与innertext的区别 PHP字符串 ==比较运算符的副作用 修改jQuery.Autocomplete插件 支持中文输入法 避免TAB、ENTER键失效、导致表单提交 Javascript 定时器调用传递参数的方法 实用的JS表单验证提示效果 ASP 高级模板引擎实现类 PHP 数组教程 定义数组 JavaScript 核心参考教程 RegExp对象 Linux下Squid配置详解 Squid代理服务器配置第1/3页 javascript 限制输入脚本大全 判断时间的正则表达式 sql2005 HashBytes 加密函数 层序遍历在ExtJs的TreePanel中的应用 在oracle 数据库中查看一个sql语句的执行时间和SP2-0027错误 DBCC CHECKIDENT 重置数据库标识列从某一数值开始 Python 流程控制实例代码 JavaScript 对象成员的可见性说明 MSSQL 生成日期列表代码 Oracle 多行记录合并/连接/聚合字符串的几种方法 iisapp.vbs iis pid了解对应的网站或应用池 通过表单的做为二进制文件上传request.totalbytes提取出上传的二级制数据 oracle 优化的一点体会 伪静态技术介绍与优缺点分析(较完整篇)
赣ICP备2024031479号