设为首页 收藏本站
查看: 2437|回复: 6

[经验分享] windows8经典时钟

[复制链接]

尚未签到

发表于 2013-2-28 19:36:07 | 显示全部楼层 |阅读模式
<script>
       dCol = '000000';
       fCol = '6666FF';
       sCol = '000000';
       mCol = '000000';
       hCol = '000000';
       ClockHeight = 40;
       ClockWidth = 40;
       ClockFromMouseY = 0;
       ClockFromMouseX = 100;
       d = new Array("SUNDAY", "MONDAY", "TUESDAY", "WEDNSEDAY", "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';
       size = 1;
       speed = 0.6;
       ns = (document.layers);
       ie = (document.all);
       Face = Face.split(' ');
       n = Face.length;
       a = size * 10;
       ymouse = 190;
       xmouse = 80;
       scrll = 0;
       props = "<font face=" + font + " size=" + size + " color=" + fCol + "><B>";
       props2 = "<font face=" + font + " size=" + size + " color=" + dCol + "><B>";
       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 = 0; x = 0; Y = 0; X = 0 }
       Dy = new Array(); Dx = new Array(); DY = new Array(); DX = new Array();
       for (i = 0; i < D.length; i++) { Dy = 0; Dx = 0; DY = 0; DX = 0 }
       if (ns) {
           for (i = 0; i < D.length; i++)
               document.write('<layer name="nsDate' + i + '" top=0 left=0 height=' + a + ' width=' + a + '><center>' + props2 + D + '</center></layer>');
           for (i = 0; i < n; i++)
               document.write('<layer name="nsFace' + i + '" top=0 left=0 height=' + a + ' width=' + a + '><center>' + props + Face + '</center></layer>');
           for (i = 0; i < S.length; i++)
               document.write('<layer name=nsSeconds' + i + ' top=0 left=0 width=15 height=15><font face=Arial size=3 color=' + sCol + '><center><b>' + S + '</b></center></layer>');
           for (i = 0; i < M.length; i++)
               document.write('<layer name=nsMinutes' + i + ' top=0 left=0 width=15 height=15><font face=Arial size=3 color=' + mCol + '><center><b>' + M + '</b></center></layer>');
           for (i = 0; i < H.length; i++)
               document.write('<layer name=nsHours' + i + ' top=0 left=0 width=15 height=15><font face=Arial size=3 color=' + hCol + '><center><b>' + H + '</b></center></layer>');
       }
       if (ie) {
           document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
           for (i = 0; i < D.length; i++)
               document.write('<div id="ieDate" style="position:absolute;top:0px;left:0;height:' + a + ';width:' + a + ';text-align:center">' + props2 + D + '</B></div>');
           document.write('</div></div>');
           document.write('<div id="Of" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
           for (i = 0; i < n; i++)
               document.write('<div id="ieFace" style="position:absolute;top:0px;left:0;height:' + a + ';width:' + a + ';text-align:center">' + props + Face + '</B></div>');
           document.write('</div></div>');
           document.write('<div id="Oh" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
           for (i = 0; i < H.length; i++)
               document.write('<div id="ieHours" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:' + hCol + ';text-align:center;font-weight:bold">' + H + '</div>');
           document.write('</div></div>');
           document.write('<div id="Om" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
           for (i = 0; i < M.length; i++)
               document.write('<div id="ieMinutes" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:' + mCol + ';text-align:center;font-weight:bold">' + M + '</div>');
           document.write('</div></div>')
           document.write('<div id="Os" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
           for (i = 0; i < S.length; i++)
               document.write('<div id="ieSeconds" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:' + sCol + ';text-align:center;font-weight:bold">' + S + '</div>');
           document.write('</div></div>')
       }
       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.style;
               F.top = y + ClockHeight * Math.sin(-1.0471 + i * Split * Math.PI / 180) + scrll;
               F.left = x + 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.style;
               HL.top = y + HandY + (i * HandHeight) * Math.sin(hrs) + scrll;
               HL.left = x + HandX + (i * HandWidth) * Math.cos(hrs);
           }
           for (i = 0; i < M.length; i++) {
               var ML = (ns) ? document.layers['nsMinutes' + i] : ieMinutes.style;
               ML.top = y + HandY + (i * HandHeight) * Math.sin(min) + scrll;
               ML.left = x + HandX + (i * HandWidth) * Math.cos(min);
           }
           for (i = 0; i < S.length; i++) {
               var SL = (ns) ? document.layers['nsSeconds' + i] : ieSeconds.style;
               SL.top = y + HandY + (i * HandHeight) * Math.sin(sec) + scrll;
               SL.left = x + HandX + (i * HandWidth) * Math.cos(sec);
           }
           for (i = 0; i < D.length; i++) {
               var DL = (ns) ? document.layers['nsDate' + i] : ieDate.style;
               DL.top = Dy + ClockHeight * 1.5 * Math.sin(currStep + i * Dsplit * Math.PI / 180) + scrll;
               DL.left = Dx + 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 = Math.round(DY += (Dy[i - 1] - DY) * speed);
               Dx = Math.round(DX += (Dx[i - 1] - DX) * 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 = Math.round(Y += (y[i - 1] - Y) * speed);
               x = Math.round(X += (x[i - 1] - X) * speed);
           }
           ClockAndAssign();
           setTimeout('Delay()', 50);
       }
       if (ns || ie) window.onload = Delay;
    </script>


运维网声明 1、欢迎大家加入本站运维交流群:群②:261659950 群⑤:202807635 群⑦870801961 群⑧679858003
2、本站所有主题由该帖子作者发表,该帖子作者与运维网享有帖子相关版权
3、所有作品的著作权均归原作者享有,请您和我们一样尊重他人的著作权等合法权益。如果您对作品感到满意,请购买正版
4、禁止制作、复制、发布和传播具有反动、淫秽、色情、暴力、凶杀等内容的信息,一经发现立即删除。若您因此触犯法律,一切后果自负,我们对此不承担任何责任
5、所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其内容的准确性、可靠性、正当性、安全性、合法性等负责,亦不承担任何法律责任
6、所有作品仅供您个人学习、研究或欣赏,不得用于商业或者其他用途,否则,一切后果均由您自己承担,我们对此不承担任何法律责任
7、如涉及侵犯版权等问题,请您及时通知我们,我们将立即采取措施予以解决
8、联系人Email:admin@iyunv.com 网址:www.yunweiku.com

所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其承担任何法律责任,如涉及侵犯版权等问题,请您及时通知我们,我们将立即处理,联系人Email:kefu@iyunv.com,QQ:1061981298 本贴地址:https://www.yunweiku.com/thread-3228-1-1.html 上篇帖子: 让 Windows 7 定时待机 下篇帖子: Windows 8 下Internet Explorer 10(IE10含Metro) 无法打开(闪退) 经典 时钟 windows8

尚未签到

发表于 2013-3-17 19:55:55 | 显示全部楼层
我是来刷分的,嘿嘿

运维网声明 1、欢迎大家加入本站运维交流群:群②:261659950 群⑤:202807635 群⑦870801961 群⑧679858003
2、本站所有主题由该帖子作者发表,该帖子作者与运维网享有帖子相关版权
3、所有作品的著作权均归原作者享有,请您和我们一样尊重他人的著作权等合法权益。如果您对作品感到满意,请购买正版
4、禁止制作、复制、发布和传播具有反动、淫秽、色情、暴力、凶杀等内容的信息,一经发现立即删除。若您因此触犯法律,一切后果自负,我们对此不承担任何责任
5、所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其内容的准确性、可靠性、正当性、安全性、合法性等负责,亦不承担任何法律责任
6、所有作品仅供您个人学习、研究或欣赏,不得用于商业或者其他用途,否则,一切后果均由您自己承担,我们对此不承担任何法律责任
7、如涉及侵犯版权等问题,请您及时通知我们,我们将立即采取措施予以解决
8、联系人Email:admin@iyunv.com 网址:www.yunweiku.com

尚未签到

发表于 2013-5-16 11:14:06 | 显示全部楼层
佛曰,色即是空,空即是色!今晚,偶想空一下

运维网声明 1、欢迎大家加入本站运维交流群:群②:261659950 群⑤:202807635 群⑦870801961 群⑧679858003
2、本站所有主题由该帖子作者发表,该帖子作者与运维网享有帖子相关版权
3、所有作品的著作权均归原作者享有,请您和我们一样尊重他人的著作权等合法权益。如果您对作品感到满意,请购买正版
4、禁止制作、复制、发布和传播具有反动、淫秽、色情、暴力、凶杀等内容的信息,一经发现立即删除。若您因此触犯法律,一切后果自负,我们对此不承担任何责任
5、所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其内容的准确性、可靠性、正当性、安全性、合法性等负责,亦不承担任何法律责任
6、所有作品仅供您个人学习、研究或欣赏,不得用于商业或者其他用途,否则,一切后果均由您自己承担,我们对此不承担任何法律责任
7、如涉及侵犯版权等问题,请您及时通知我们,我们将立即采取措施予以解决
8、联系人Email:admin@iyunv.com 网址:www.yunweiku.com

尚未签到

发表于 2013-5-17 19:04:29 | 显示全部楼层
怀揣两块,胸怀500万!

运维网声明 1、欢迎大家加入本站运维交流群:群②:261659950 群⑤:202807635 群⑦870801961 群⑧679858003
2、本站所有主题由该帖子作者发表,该帖子作者与运维网享有帖子相关版权
3、所有作品的著作权均归原作者享有,请您和我们一样尊重他人的著作权等合法权益。如果您对作品感到满意,请购买正版
4、禁止制作、复制、发布和传播具有反动、淫秽、色情、暴力、凶杀等内容的信息,一经发现立即删除。若您因此触犯法律,一切后果自负,我们对此不承担任何责任
5、所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其内容的准确性、可靠性、正当性、安全性、合法性等负责,亦不承担任何法律责任
6、所有作品仅供您个人学习、研究或欣赏,不得用于商业或者其他用途,否则,一切后果均由您自己承担,我们对此不承担任何法律责任
7、如涉及侵犯版权等问题,请您及时通知我们,我们将立即采取措施予以解决
8、联系人Email:admin@iyunv.com 网址:www.yunweiku.com

尚未签到

发表于 2013-5-18 22:32:18 | 显示全部楼层
美女未抱身先走,常使色狼泪满襟。。。。。。

运维网声明 1、欢迎大家加入本站运维交流群:群②:261659950 群⑤:202807635 群⑦870801961 群⑧679858003
2、本站所有主题由该帖子作者发表,该帖子作者与运维网享有帖子相关版权
3、所有作品的著作权均归原作者享有,请您和我们一样尊重他人的著作权等合法权益。如果您对作品感到满意,请购买正版
4、禁止制作、复制、发布和传播具有反动、淫秽、色情、暴力、凶杀等内容的信息,一经发现立即删除。若您因此触犯法律,一切后果自负,我们对此不承担任何责任
5、所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其内容的准确性、可靠性、正当性、安全性、合法性等负责,亦不承担任何法律责任
6、所有作品仅供您个人学习、研究或欣赏,不得用于商业或者其他用途,否则,一切后果均由您自己承担,我们对此不承担任何法律责任
7、如涉及侵犯版权等问题,请您及时通知我们,我们将立即采取措施予以解决
8、联系人Email:admin@iyunv.com 网址:www.yunweiku.com

尚未签到

发表于 2013-5-20 08:30:51 | 显示全部楼层
吃饭与ml是第一生产力。

运维网声明 1、欢迎大家加入本站运维交流群:群②:261659950 群⑤:202807635 群⑦870801961 群⑧679858003
2、本站所有主题由该帖子作者发表,该帖子作者与运维网享有帖子相关版权
3、所有作品的著作权均归原作者享有,请您和我们一样尊重他人的著作权等合法权益。如果您对作品感到满意,请购买正版
4、禁止制作、复制、发布和传播具有反动、淫秽、色情、暴力、凶杀等内容的信息,一经发现立即删除。若您因此触犯法律,一切后果自负,我们对此不承担任何责任
5、所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其内容的准确性、可靠性、正当性、安全性、合法性等负责,亦不承担任何法律责任
6、所有作品仅供您个人学习、研究或欣赏,不得用于商业或者其他用途,否则,一切后果均由您自己承担,我们对此不承担任何法律责任
7、如涉及侵犯版权等问题,请您及时通知我们,我们将立即采取措施予以解决
8、联系人Email:admin@iyunv.com 网址:www.yunweiku.com

尚未签到

发表于 2013-5-21 18:02:33 | 显示全部楼层
我的id是假冒的,大家不要相信我是骗子。

运维网声明 1、欢迎大家加入本站运维交流群:群②:261659950 群⑤:202807635 群⑦870801961 群⑧679858003
2、本站所有主题由该帖子作者发表,该帖子作者与运维网享有帖子相关版权
3、所有作品的著作权均归原作者享有,请您和我们一样尊重他人的著作权等合法权益。如果您对作品感到满意,请购买正版
4、禁止制作、复制、发布和传播具有反动、淫秽、色情、暴力、凶杀等内容的信息,一经发现立即删除。若您因此触犯法律,一切后果自负,我们对此不承担任何责任
5、所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其内容的准确性、可靠性、正当性、安全性、合法性等负责,亦不承担任何法律责任
6、所有作品仅供您个人学习、研究或欣赏,不得用于商业或者其他用途,否则,一切后果均由您自己承担,我们对此不承担任何法律责任
7、如涉及侵犯版权等问题,请您及时通知我们,我们将立即采取措施予以解决
8、联系人Email:admin@iyunv.com 网址:www.yunweiku.com

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

扫码加入运维网微信交流群X

扫码加入运维网微信交流群

扫描二维码加入运维网微信交流群,最新一手资源尽在官方微信交流群!快快加入我们吧...

扫描微信二维码查看详情

客服E-mail:kefu@iyunv.com 客服QQ:1061981298


QQ群⑦:运维网交流群⑦ QQ群⑧:运维网交流群⑧ k8s群:运维网kubernetes交流群


提醒:禁止发布任何违反国家法律、法规的言论与图片等内容;本站内容均来自个人观点与网络等信息,非本站认同之观点.


本站大部分资源是网友从网上搜集分享而来,其版权均归原作者及其网站所有,我们尊重他人的合法权益,如有内容侵犯您的合法权益,请及时与我们联系进行核实删除!



合作伙伴: 青云cloud

快速回复 返回顶部 返回列表