头像

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

来源:http://www.maoteacher.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
腾讯分分彩 www.411686.com-乐彩走势计划| www.cp819.com-彩票软件快三| www.645213.com-富宝坛彩免费资料| www.06602.com-彩票复式中奖多少钱| www.cp8238.com-江苏体彩彩票| www.5700.top-福彩3d藏机图汇总| www.953479.com-体彩排列3预测汇总| www.786879.com-满堂彩网站北京赛车| www.971447.com-卓易彩票苹果| www.s33.net-河北快三规律| www.6522.org-天天爱彩票ios| www.990500.com-全球彩app下载| www.4ez.com-天天中彩票网| www.79wh.com-分分彩平刷挂机方案| www.208214.com-帮我查一下彩票开奖| www.4942.vip-d9彩票登录-| www.qg34.com-苹果八亿彩app| www.857.pw-公益时报中华彩票网| www.810233.com-彩票中奖后怎么兑换| www.980956.com-动画彩虹冰激凌| www.q14.org-河北快三黑红号预测| www.70351.com-时时彩网络购彩平台| www.3213.biz-879彩票网-| www.93616.cc-中国竞彩网推荐号码| www.385605.com-体彩排列3开奖信息| www.93865.com-竟彩足球比分彩客网| www.185928.com-四码复式快三| www.360721.com-小彩牛官方下载| www.450034.com-篮彩竞猜258| www.780837.com-彩客网手机版比分| www.267308.com-19045期足彩| www.352073.com-彩票178-| www.444825.com-手机里怎么买彩票| www.540510.com-福利彩票金码| www.613783.com-大丰彩票下载| www.679028.com-ag幸运彩金-| www.761667.com-关于彩票九宫八卦图| www.829248.com-皇帝彩票资料网| www.898223.com-香港百彩网免费资料| www.973583.com-彩虹壁纸-| www.cp242.com-快三缩水软件安卓| www.nu31.com-福彩快三算赌博吗| www.x82.cc-棋牌彩票搭建| www.58zm.com-彩票走势图用的电视| www.2100.cn-济南彩票站杀人案| www.9787.in-易亿彩票网-| www.76644.com-中国体彩直播现场| www.136455.com-彩77v11版本| www.976485.com-想看看彩票会奖情况| www.156577.com-彩字的含义-| www.405808.com-彩虹颜色形成的原因| www.759669.com-五福彩票通用版网站| www.877116.com-体彩排三规律速查表| www.132981.com-60彩票app-| www.437666.com-邪恶三国之星彩无惨| www.558982.cc-彩虹的约定双手简谱| www.983804.com-七星彩彩版下载专区| www.bz85.com-湖北快三坑人| www.933093.com-玩快三违法吗| 网易彩票www.088wy.com| www.65vh.com-运气太差买彩票| www.898360.com-hk百彩网开奖结果| www.9061.org-大庄家彩票下载| www.77px.com-五行彩票预测最准的| www.361066.com-福彩高管贪污| www.4847.cn-彩票导报彩票与生活| www.38952.cc-01彩票注册邀请码| www.854628.com-红牛快三开奖结果| www.222808.com-大奖彩票苹果版| www.312214.com-春秋彩票手机安卓版| www.504099.com-自己编程选彩票| www.577629.com-七星彩必赢网| www.718152.com-菜鸟彩票网-| www.794114.com-新彩吧图谜字谜| www.877792.com-我想做网络私彩代理| www.944999.com-吉林快三走势图带线| 众乐彩票www.235644.com| www.145828.com-金手指彩报-| www.231053.com-百胜快三是假的吗| www.78427.com-双彩网官网-| www.971468.com-彩信彩票-| www.en3.com-快三的规律-| www.860345.com-河内时时彩官网| www.943642.com-703彩票投注站| www.996154.com-今日足彩单场竞猜| www.fk41.com-快三计划群百度知道| www.t19.cc-贾峪镇彩票中奖| www.630625.com-舟山飞鱼彩票玩法| www.727686.com-江苏快三历史长龙| www.827064.com-内蒙古快三和值表| www.912196.com-极速快三正规的吗| www.978729.com-好彩一投注技考| www.al82.com-彩票缩水专家| 爱上彩票www.ascp3.com| www.17cs.com-尼彩手机官方| www.94pj.cc-彩播怎么注册| www.75af.com-彩票的规则-| www.3655.tv-鸿彩是正规的吗| www.18jm.com-国外大优彩票软件| www.0475.xyz-山东七乐彩开奖号码| www.8883.tv-竞彩好中吗-| www.196679.com-福彩体彩开奖结果| www.272079.com-福彩快3几点开始| www.332920.com-用户注册中福彩票| www.390605.com-体彩小熊猫-| www.483089.com-金彩是什么-| www.287719.com-福彩扫码摇大奖| www.393173.com-今晚福彩3d推荐号| www.484477.com-人人中彩票刑拘| www.rz79.com-快三秒热水器功率| www.076116.com-买属相彩票-| www.170046.com-快三怎么玩法介绍| www.256644.com-官方彩被骗-| www.530993.com-彩票平台源码怎么样| www.267934.com-58福彩app-| www.341532.com-体彩微信宣传语| www.419062.com-牛彩网11选五| www.513762.com-体彩小程序破解| www.596276.com-福彩中心柜员| www.669671.com-四位数的彩票是啥| www.739157.com-555彩票官网| www.832276.com-彩票胆拖奖金计算器| www.906228.com-足彩竞彩计算器| www.963295.com-彩宝网彩票手机版| 8号彩票www.286898.com| www.982745.com-上海彩票集中投注| www.170199.com-江西快三走势图形态| www.342111.com-湖北体彩站点查询| www.540065.com-时时彩技巧| www.868836.com-七星彩票下载| www.969124.com-体彩公益金怎么申请| www.335874.com-江苏快三必出号| www.608086.com-有飞鱼体彩么| www.739543.com-爱彩乐专家推荐| www.866444.com-体彩481怎么玩的| www.994750.com-竞彩之家-| www.250886.com-中彩网官方网址| www.335331.com-彩票3d怎么玩法| www.397025.com-万国彩票app| www.563939.com-一定牛甘肃快三走势| www.627821.com-帝王彩官网-| www.685680.com-福彩平台都有哪些| www.11wt.com-体育彩票大乐透几点| www.1366.cm-28彩票官网下载| www.982625.com-广州体育彩票转让| www.rb.com-广西快三遗漏值统计| www.658922.com-1234彩票app| www.740026.com-品彩杨幂-| www.803712.com-香港二分彩-| www.868721.com-海南7星彩预测| www.920018.com-809彩票app-| www.966379.com-快三推波倍投方法| PK彩票www.681968.com| www.fo95.com-uu快三输了很多钱| www.si67.com-时时彩号码开奖| www.127756.com-彩虹哥夏天-| www.778161.com-快三江苏快三走势图| www.981738.com-贵宾中彩网址是多少| www.jm95.com-江苏快三安全吗| www.kw32.com-106彩票下载官方| www.8160.wang-排列五彩票开奖规则| www.814016.com-时时彩玩法介绍| www.938014.com-上海福利彩一官方网| 中国福利彩票www.34788p.com|