头像

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

来源:http://www.yh-opto.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
彩票2元 www.777010.com-快八彩票下载| www.76ga.com-越南彩票种类| www.430766.com-会员登陆一永利彩票| www.557704.com-重庆十字彩官网| www.633408.com-网上怎么注册卖彩票| www.188276.com-快三彩票能做吗| www.1342.cm-老版体育彩票app| www.14371.com-中国电脑体育彩票| www.75544.cc-甘肃快三开奖公告| www.654952.com-海南七星彩下载软件| www.202440.com-贵阳福彩官网| www.237196.com-江苏虚拟足彩e彩| www.843171.com-慈善福彩-| www.ts04.com-华夏彩票网址| www.f69.top-福彩官员落网| www.060.com-万利彩票下载手机版| www.22507.com-99彩登录网址| www.965.cc-七乐彩托胆中奖规则| www.507185.com-支付宝购买福利彩票| www.625271.com-长城彩票官网可靠吗| www.738875.com-长城彩票吧-| www.837999.com-世界杯网上投注彩票| www.913219.com-彩票什么叫复式单式| www.984654.com-八号彩票是不是真的| www.82hm.com-江西体育彩票合作| www.095381.com-困难福利彩票加盟| www.665857.com-七星彩中奖省份查询| www.786911.com-132彩票安卓下载| www.871544.com-足彩加下载-| www.24583.com-网络彩票赌博下场| www.899998.cc-天天手游彩票app| www.987194.com-购彩堂app官网| www.co10.com-超神时时彩独胆| www.41rv.com-e乐彩票网-| www.1950.in-临沂福彩中心官网| www.02466.cc-至尊彩下载到手机| www.198056.com-武汉宜昌快三| www.li05.com-中彩彩票怎么样| www.37176.cc-好运彩下载-| www.95314.com-金什么彩票-| www.687083.com-湖南体彩支票| www.787842.com-河南马前县彩礼规定| www.539497.com-二手福彩机能过户吗| www.292962.com-福彩3d万彩吧| www.0559.site-038彩票破解方法| www.192001.com-河南快三跨度表| www.ht35.com-龙江体彩-| www.512412.com-1000彩票网-| www.641910.com-体彩标志五色意思| www.758202.com-高盛官网彩票| www.866839.com-福彩什么是周五开奖| www.976668.cc-巴中彩礼价格表| www.kn16.com-重庆竞彩快三| www.45qz.com-福彩快三加盟| www.cp800.cc-那省快三-| www.2121.cm-万福彩票欢迎您| www.50wh.com-邢台体育彩票大奖| www.73423.com-6762彩票网导航| www.34xb.com-彩票开票查询| www.327827.cc-下面彩票开奖大全| www.51581.cc-快三是真的-| www.431197.com-最新最全的彩票标签| www.994750.com-竞彩之家-| www.12ie.com-i8彩票网站-| www.15334.com-彩票5码倍投方法| www.055207.com-黑彩网站怎么盈利的| www.30038.cc-澳客体彩app下载| www.vk80.com-贵州省福彩兑奖| www.586664.com-存送彩金的彩票| www.ih72.com-福彩3d8的和值| www.34ey.com-众彩用户注册| www.150760.com-国民彩票中文字幕| www.860203.com-96068彩票平台| www.qo03.com-北京福彩pc蛋蛋| www.24806.com-儿童星空彩铅简笔画| www.26717.cc-七星彩大奖直码中| www.323732.com-天天乐彩彩票骗局| www.br71.com-一分快三计划网址| www.uq43.com-澳洲三分彩走势图| www.198750.com-吉林快三开奖结果1| www.918291.com-重庆彩票网-| www.m07.cc-51彩票app-| www.5322.in-4567彩票注册| www.799095.com-网上买彩票彩票| www.988214.com-玩掌中彩怎么样| www.979605.com-好彩香烟哪里有卖| www.kv69.com-福彩3d投注平台| www.010355.com-体育彩票好123| www.32828.cc-许昌灵井彩礼| www.79657.cc-宁夏福彩官网| www.794101.com-福利三分彩开奖记录| www.pl92.com-广西快三一定牛网| www.358990.com-亚彩99-| www.207577.com-福彩快三软件购买| www.266496.com-买彩票中奖的前兆| www.093153.com-北京福利彩票高频彩| www.cg47.com-福彩老快三开奖结果| www.007751.com-新浪足彩网手机版| www.194477.com-河北省福彩11选五| www.348532.com-中国足彩现场直播| www.20la.com-彩票兑奖金额| www.0161.cc-彩色面团-| www.438115.com-重庆时彩后二万能码| www.72309.com-体彩11选5河北| www.277094.com-乐和彩开奖结果查询| www.75157.cc-福彩有几种彩票| www.n91.in-5分快彩技巧| www.315878.com-彩虹5无人机参数| www.970676.com-浙江风彩网-| www.wd12.com-1分快三在线计划| www.66292.cc-3d彩经网杀码| www.879064.com-和彩印怎么设置| www.ba00.com-快3彩票平台可靠吗| www.130.tv-彩票在线计划稳赢| www.396063.com-竞彩和北单返奖率| www.54ib.com-药精彩采购平台| www.9876.me-彩票属于哪个部门管| www.qx34.com-分分快三如何破解| www.4258.cn-重庆时时彩官网下载| www.09sx.com-旺旺时时彩-| www.007444.com-体彩今晚开奖公告| www.130787.com-驻马店上蔡县彩礼| www.292135.com-哪些高频彩是正规的| www.573920.com-电信免费开通彩铃| www.813595.com-福彩订单助手下载| www.948825.com-快三五分钟一期| www.cai54.cc-河北快三开奖结果| www.pz33.cc-新彩票安卓-| www.940096.com-博友彩苹果版| 来运彩票www.9999y.cc| www.331920.com-绝望的人买彩票| www.486286.com-足彩中奖哪里领奖| www.594448.com-556677彩票-| www.265458.com-宁夏快三和值走势图| www.360653.com-高平彩-| www.zk80.com-竞彩网首页首页| www.714.mobi-安吉彩票案件| www.261571.com-百盈快三和值怎么才| www.434899.com-一日谈七星彩| www.537223.com-男子痴迷彩票头条网| www.209827.com-快三挣钱么-| www.43ms.com-特彩吧49gcc| www.702922.com-职业竞彩人-| www.920213.com-彩票gg挂机-| www.98qj.com-体彩中心事件| www.45646.com-大中华购彩app| www.133634.com-福彩网安全靠谱吗| www.372018.com-快三最新公告| www.666336.com-彩票培训师合法吗| www.gk13.com-喜乐彩中奖号码| www.09nv.com-福建体彩飘雪聊| www.443987.com-22期彩票开奖查询| www.838038.com-凤凰网买彩票| www.892736.com-可靠的快三平台下载| www.2249.bid-福利彩票去哪里查询| www.055823.com-免费破解快三软件| www.1856.date-时时彩长期赢钱的人| www.04296.com-微信代买彩票可靠吗| www.31841.com-如何在彩票店买彩票| www.02ls.com-世界杯微博彩票分析| www.358943.com-七星彩开奖结果宝| www.53226.cc-时时彩后一技巧| www.2179.cn-哈尔滨七彩影城影讯| www.hy27.com-吉林快三稳赚技巧|