头像

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

来源:http://www.fablesofglow.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
038彩票 www.526.bid-福运网彩-| www.9686.net-壹彩万网址-| www.69559.com-彩票源码分享| www.047022.com-51彩票在线计划| www.139635.com-新盈彩-| www.227777.com-福彩快三豹子多少倍| www.315292.com-多乐彩11选5软件| www.396682.com-国内能买美国彩票吗| www.564723.com-黑客彩票-| www.646242.com-时是彩5星投注技巧| www.779856.com-中彩易软件是真的吗| www.868732.com-凤彩网七星彩预测| www.973743.com-大发快三移动彩票| www.ae2.com-中国福利彩票网| www.qy41.com-腾讯分分彩计划软件| www.15nf.com-开彩票开奖公告| www.345.live-美术色彩基础知识| www.4871.vip-卓易彩票可以买| www.10162.com-c9彩票app-| www.58477.com-安彩高科同花顺| www.059182.com-公益福彩骗局| www.152101.com-2020中彩网-| www.252261.com-甘肃快三开奖结果| www.332188.com-福彩十选五官网| www.421382.com-福彩3d晒票-| www.528566.com-中国体育竞彩首页| www.655493.com-网易彩票开奖直播间| www.752372.com-彩票挂机能搞到钱| www.848871.com-时时彩预测号码推荐| www.926084.com-在瑞彩祥云能赚钱吗| www.988547.com-幸运中彩票版本| www.gc8.cc-七星彩中奖5个号| www.qq00.com-福彩包括什么| www.10ls.com-彩票摇奖作假视频| www.84zi.com-彩票公式兼职真的吗| www.2703.vip-v9彩票-| www.8604.net-三千万彩票-| www.63368.com-最牛的足彩分析师| www.026677.com-一注体育彩票价格| www.109104.com-彩色蚕宝宝有毒吗| www.183072.com-天津快三官方网站| www.260397.com-网赌彩票是不是真的| www.338150.com-永诚彩票靠谱吗| www.427959.com-足彩360过滤| www.531321.com-网上开时时彩犯法吗| www.681015.com-辽宁福利彩票中心| www.766493.com-彩客彩票三分二28| www.863508.com-彩票接口怎么对接| www.924788.com-澳洲有哪几种彩票| www.978506.com-福福彩开奖结果| www.sf59.com-天天时时彩助手老版| www.04mk.com-彩神计划王三天计划| www.81ba.com-96118彩票-| www.2044.xyz-白沟旋风彩虹机| www.7995.in-彩民周刊小宋| www.28111.cc-常州体彩中奖| www.72795.com-体育彩票站转让出兑| www.101275.com-快三走势图小助手| www.170905.com-全国彩票开奖查询| www.274592.com-肖立刚福彩3d推荐| www.363791.com-彩虹的七种颜色| www.456995.com-体彩排列3图迷画迷| www.553622.com-竞彩半全场高手| www.623732.com-3d福彩3d乐透乐| www.698165.com-彩民堂计划软件下载| www.777689.com-辉煌彩票官网登录| www.917184.com-彩票33平台多久了| www.977908.com-多多中彩票-| www.qk8.com-快三中2个有奖吗| www.qt01.com-福彩初创期-| www.04rh.com-初学者买几色的彩铅| www.75ba.cc-新加坡福彩开奖记录| www.1598.bid-合肥福彩中心在哪里| www.9755.xyz-福彩三d之家首页| www.52714.cc-苹果系统彩票app| www.97270.cc-新彩票辅助-| www.062025.com-彩客网页版-| www.166170.com-内蒙古快三-| www.253795.com-好运彩快三下载| www.326808.com-中了七星彩怎么领奖| www.396726.com-58彩cm开奖-| www.540120.com-7彩票开奖-| www.623267.com-破解红牛彩票快三| www.692990.com-51彩票官方下载| www.771384.com-澳门五分彩官方首页| www.877906.com-小说彩票中20亿| www.957552.com-正规时时彩有哪些| 500彩票网www.97655p.com| www.er13.com-官方北京快三app| www.vx96.com-福利彩票倍率| www.09ra.com-哪几种彩票是五位数| www.76tv.com-今天3d彩票图| www.1727.vip-美女玩彩票骗局| www.12799.com-头奖彩票网中一等奖| www.55215.cc-彩票秘籍中奖宝典| www.97767.cc-心脏彩超正常值图片| www.059807.com-小鹿多彩app下载| www.171377.com-休肓彩票开奖| www.255493.com-k彩下载app下载| www.326044.com-万彩吧双色球预测| www.392382.com-湖北福彩无纸化| www.530612.com-植物花卉彩铅画图片| www.611576.com-福彩快三可以赢钱吗| www.680562.com-中彩啦是真是假| www.755733.com-爱开彩开奖早知道| www.860979.com-好彩1开奖时间| www.921596.com-今日青海快三走势| www.975852.com-河南彩礼返还| www.eb68.com-彩票平台app下载| www.ui69.com-玩时时彩私彩违法吗| www.01xa.com-福彩可以买世界杯吗| www.66xm.com-星游2彩票-| www.0446.cm-江苏快3是福彩嘛| www.25895.com-彩虹mp3下载| www.66341.com-时时彩网页计划| www.028582.com-黑彩快三应该咋玩| www.100273.com-3d福彩图迷字迷| www.159998.com-苹果彩票投注app| www.262685.com-吉林省福彩电话号码| www.345039.com-98彩平台-| www.410878.com-ios唯彩会下载| www.507207.com-竞彩猫实单推荐| www.572068.com-北京快三冷热号走势| www.637350.com-湖南彩票快乐十分| www.762152.com-陆慧明竞彩猫app| www.843106.com-彩票获奖者-| www.902526.com-南国彩票经典彩版| www.961956.com-甘肃省快三推荐号| 福彩www.86267u.com| www.ej05.com-快频彩票违法吗| www.ts08.com-境外彩票数据接口| www.8ds.cc-体彩排列3中奖规则| www.56bm.com-南宁三彩专卖店地址| www.776.org-重庆时时彩透视软件| www.4254.vip-优乐彩不能提现| www.9117.me-七乐彩开奖比较器| www.680965.com-重庆七星彩骗局| www.82mq.com-移动彩印-| www.331907.com-大发快三刷流水收益| k3k3彩票www.602721.com| www.gn06.com-安徽快三一定牛推荐| www.wb58.com-体彩排列5开奖结果| www.05ab.com-福彩3d包选3大奖| www.66pe.com-梦见彩票数字好不好| www.0188.cm-大众彩票网骗局揭秘| www.9988.love-多彩投-| www.41103.com-中彩网官方网app| www.80073.com-彩吧55128cn| www.024247.com-体彩开奖走势图| www.086689.com-全发彩票-| www.137130.com-点彩鲜花-| www.201388.com-福彩河北基本走势| www.263626.com-中彩网双色球走势表| www.402983.com-买七星彩用什么软件| www.504478.com-竟彩分析推荐| www.563634.com-福利彩票站长服务| www.620719.com-惠民乐彩票是真的吗| www.680262.com-百乐门快三-| www.735153.com-星期一开奖的彩票有| www.797865.com-博彩系统搭建平台| www.862658.com-体彩体彩排列五开奖| www.907057.com-福利彩大发快三| www.956362.com-足彩深盘穿盘秘诀| www.992715.com-快三智能选号器|