头像

js+css3精美立体感图标时钟特效

来源:http://www.keekeoke.com/js/4356.html 18***38 2019-05-15 11:34浏览(56) 收藏

一款js+css3绘制的精美立体感图标时钟特效,非常精致美观的网页时钟动画特效。
js+css3精美立体感图标时钟特效
分类:日期时间 > 计时器 难易:初级

程序员,你不是一个人;网站开发QQ群:35248186,在线充值,或联系QQ2589223951直接充值

查看演示 下载资源: 4 下载资源 下载积分: 20 积分

js代码

<script>
window.requestAnimFrame = (function(){
  return  window.requestAnimationFrame       ||
          window.webkitRequestAnimationFrame ||
          window.mozRequestAnimationFrame    ||
          function( callback ){
              window.setTimeout(callback, 1000 / 60);
          };
})();

//initialize the clock in a self-invoking function
(function clock(){ 
    var hour = document.getElementById("hour"),
        min = document.getElementById("min"),
        sec = document.getElementById("sec");
    //set up a loop
    (function loop(){
        requestAnimFrame(loop);
        draw();
    })();
    //position the hands
    function draw(){
        var now = new Date(),//now
            then = new Date(now.getFullYear(),now.getMonth(),now.getDate(),0,0,0),//midnight
            diffInMil = (now.getTime() - then.getTime()),// difference in milliseconds
            h = (diffInMil/(1000*60*60)),//hours
            m = (h*60),//minutes
            s = (m*60);//seconds
        //rotate the hands accordingly
        sec.style.webkitTransform = "rotate(" + (s * 6) + "deg)";
        hour.style.webkitTransform = "rotate(" + (h * 30 + (h / 2)) + "deg)";
        min.style.webkitTransform = "rotate(" + (m * 6) + "deg)";
    } 
})();</script>
最新交易
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 2589223951

1 2
极速3D www.4737.cn-500亿彩票平台| www.77362.cc-体彩3b开将号| www.075622.com-天津福彩中心官方网| www.189439.com-上海彩票时时乐开奖| www.0dv.com-乐彩网彩票领跑者| www.89eg.com-小泥人福体彩直播间| www.zx34.com-时重庆市彩开奖号码| www.93xc.com-众益彩票-| www.4080.cc-app彩票注册彩金| www.13368.com-足彩竞彩混合投注| www.67311.cc-彩票新快了-| www.00921.com-高频彩开奖-| www.037654.com-彩票大師-| www.cs37.com-快三彩票平台有哪些| www.587690.com-体彩排列五幸运| www.703599.cc-687彩票网-| www.49cv.com-大家赢彩票网正规吗| www.96731.com-有钱人会买彩票吗| www.319237.com-北京5分彩从哪出的| www.484081.com-伦敦两分彩-| www.599901.com-彩票全中是多少钱| www.678147.com-福彩购买app| www.761412.com-搜神记好彩妹谁演的| www.867603.com-七星彩公开头尾| www.939691.com-家彩网开机号码查询| 39彩票www.3933v.cc| www.mt38.com-彩红时时彩计划软件| www.17bm.cc-华夏鑫彩积分互通| www.795723.com-实体竞彩店现实| www.899878.com-彩51官网苹果版| www.977293.com-南阳彩礼哪里高| www.pa69.com-快购彩票安全吗| www.11pg.com-彩票游戏怎么赚钱| www.397056.com-大连远洋竞彩视频| www.101510.com-章鱼足球彩票推荐| www.598637.com-七星彩往期查询器| www.739007.com-体彩是否有假| www.5282.site-今晚赛马派彩与结果| www.831027.com-快乐双彩玩法说明| www.935221.com-上海快三和值十四点| 彩82www.c1636.com| 大赢家彩票平台www.799657.com| www.xq54.com-福彩34期-| www.530501.com-锋彩电视直播软件| www.659740.com-南国彩票论坛图库| www.755802.com-家彩网开奖公告| www.856466.com-苏州彩票店-| www.2312.org-港版好彩绿多少钱| www.00685.com-中国体育彩票申请书| www.58355.com-历史上福彩开奖号码| www.028754.com-怎么在百度买彩票| www.109710.com-彩票挂机投注软件| www.197128.com-上海快3彩票查询| www.275281.com-香港幸运快三| www.353615.com-彩票现场开奖视频| www.83968.cc-彩票能跨省兑奖吗| www.020097.com-大乐透彩票方法| www.117762.com-竞彩足球竞彩网| www.223297.com-浙江体彩网6十1| www.289698.com-大乐透杀号彩宝贝| www.74862.com-彩票可以在网上买| www.47092.com-彩礼钱是给女方父母| www.031265.com-快三开状-| www.116480.com-足彩14场一等奖| www.230777.com-广西快三三军玩法| www.816859.com-时时彩彩票心得| www.885655.com-信彩彩票官网地址| www.752120.com-体彩彩网官方网下载| www.942879.com-众彩安装-| www.995464.com-竞彩之家怎么注册| www.gu55.com-彩77官网下载安装| www.0cn.com-3d彩票二元网| www.61jw.com-好乐多彩票网址| www.2683.cn-6288彩票怎么样| www.118752.com-中国体育彩票的规则| www.206429.com-菲律宾幸运彩票平台| www.209563.com-爱彩乐六个肖彩票网| www.518874.com-买彩票致富-| www.588124.com-休彩排三2元| www.637103.com-彩虹六号透视脚本| www.839123.com-竞彩258pc版| www.932422.com-购彩堂登录-| 818合彩www.07hc.com| www.pa31.com-河北福彩网燕赵福彩| www.20ib.com-在微信上买正规彩票| www.752.mobi-时时彩后二和值| www.qi71.com-好彩1中奖规则| www.78we.com-体彩篮球竞彩网| www.97058.com-福彩pc蛋蛋是什么| www.3984.biz-澳门十二福利彩| www.236203.com-杭州体育彩票六加一| www.349370.com-彩票赢钱秘诀与技巧| www.73km.com-三d体彩开奖结果| www.19950.com-约彩365官网| www.88795.cc-彩聊-| www.68277.cc-十一选五彩票方案| www.066926.com-彩票外围-| www.200408.com-彩票图谜-| www.455978.com-新加坡有几种彩票| www.547883.com-福利彩票注册邀请码| www.612837.com-d8彩-| www.678926.com-免费送彩金游戏| www.761311.com-东趣彩票-| www.813882.com-体彩排列三复式票| www.873742.com-下载极速彩38| www.967107.com-体彩兑奖有提成吗| 500彩票www.401287.com| www.126103.com-3d彩吧44462| www.980960.com-四川福彩快3| www.011755.com-中国福利彩票全天彩| www.5504.tv-竞彩八方情报站| www.15591.cc-k彩游戏2.0安卓| www.c9.cx-彩票河北快三走势图| www.5094.xyz-推算时时彩开奖公式| www.369889.com-彩之云手机版| www.951664.com-彩票赢钱技巧| 中华彩票www.9149n.com| www.ot37.com-手机上玩彩票合法吗| www.77co.com-福彩迷图第三版| www.631631.com-体育七星彩开奖结果| www.836511.com-福利彩票0304| www.182647.com-彩票快三-| www.452883.com-福彩3d小军第五版| www.522546.com-新未来分分彩技巧| www.609914.com-百彩网资料网址| www.73174.com-长沙雨花区福彩大奖| www.300678.com-中国福利彩票开奖网| www.877256.com-ha0l23彩票网| www.989287.com-黑色衣服能用彩漂吗| www.bz09.com-3d彩民乐图-| www.ss70.com-彩票33旧-| www.7cy.com-篮球彩票让分胜负| www.606303.com-足彩世界杯冷门| www.697166.com-体彩虚拟足球技巧| www.776813.com-快三拉花-| www.840649.com-烟草十彩票零售图片| www.900079.cc-51彩票购彩大厅| www.958330.com-鸿运快三违法吗| 彩乐乐www.cll168.com| www.969677.com-中国福利彩票好中吗| www.kr6.com-彩票开奖查饷| www.xo26.com-浙江体彩十一选5| www.23gl.com-天津时彩最快奖网| www.05738.com-体彩手机助手| www.629846.com-网易红彩怎么玩| www.762892.com-手机福彩怎么兑奖| www.840372.com-福彩刷流水兼职| www.897535.com-易彩2.0手机版| www.1678.bid-玩足彩票心得体会| www.24587.com-彩铅排线方法图解| www.83022.com-竞彩牛人-| www.833291.com-七星彩论坛南海社区| www.129807.com-彩票新闻中奖农民工| www.2477.net-任我赢彩票智能投注| www.1267.vip-福彩3位数-| www.09033.com-东莞市体育彩票| www.137060.com-彩788在线玩| www.286646.com-快三北京快三开奖号| www.445905.com-彩金回收金店要吗| www.529513.com-288彩吧图库| www.688555.cc-珠江彩票下载安装| www.772255.com-正规的篮球博彩| www.387727.com-手机上买福彩| www.617393.com-长春体彩11选五|