头像

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

来源:http://www.yanfaceshi.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
178彩票 www.958897.com-福彩3d正版藏机诗| www.435.in-彩83官网下载| www.6626.org-a9彩票下载-| www.25998.cc-彩虹的爱情寓意| www.77127.cc-体育彩票分析网站| www.988.vip-七星彩梦册大全查询| www.32300.com-8k彩票平台官网| www.77820.com-霁青金彩海晏河清尊| www.037018.com-超级彩票助手官方| www.200352.com-123彩票app-| www.285122.com-开体彩店做什么活动| www.394230.com-彩票网站哪个最好| www.532440.com-沂风沂俗彩票培训| www.629057.com-唯博福彩-| www.708311.com-正规qq时时彩群| www.793117.com-足彩滚球让球规则| www.875406.com-安徽福彩快三跨度| www.977113.com-彩礼返还比例| www.bf21.com-辉煌彩交易安全吗| www.ve73.com-东方福彩6+1| www.14wo.com-山东体彩兑奖时间| www.653.cm-圣地彩是官方开奖吗| www.5215.wang-国际彩票平台大全| www.10405.com-50o足彩-| www.58471.com-韩国都有什么彩票| www.052813.com-四场进球彩-| www.139664.com-易发彩是真的吗| www.223450.com-足彩胜负彩500| www.304747.com-体彩浙江11选五| www.383711.com-竞彩对冲盈利| www.546234.com-体彩彩票机换纸| www.636644.com-妖刀姬43内彩| www.730514.com-新彩吧字谜画迷总汇| www.808265.com-优盈彩票怎么样| www.884958.com-新2彩票论坛一肖中| www.982704.com-好彩二三今期开| www.nv4.com-河北彩票开奖查询| www.ro69.com-买彩票输钱-| www.14ii.com-彩民争霸-| www.40436.com-彩票今晚开奖结| www.002614.cc-关于福利彩票的文章| www.082518.com-正规官方时时彩平台| www.173223.com-安徽福彩官网| www.317717.com-胜负彩技巧-| www.392917.cc-烟台福彩中心位置| www.902880.com-彩知-| www.972411.com-福彩3d开奖魔图| www.fw1.com-爱彩乐上海-| www.qi79.com-丰彩彩票能中奖吗| www.07ba.com-彩票的返奖面| www.79ll.com-彩乐园彩票网站| www.1930.org-福彩洞庭湖新彩网| www.7863.cc-好运福彩apk| www.29111.com-福彩定位杀号| www.75336.cc-大乐透中彩网走势图| www.027719.com-合乐彩票注册| www.107378.com-500彩票必中神器| www.179156.com-帅哥骗局彩票| www.255103.com-河北快三走势图电视| www.331468.com-什么是七乐彩票| www.408887.com-哪里可以购买七星彩| www.517473.com-彩票累计奖池| www.592097.com-荣耀彩-| www.667485.com-武汉市福彩中心电话| www.750068.com-七星彩精准号码预测| www.824725.com-红旗快三计划软件| www.898430.com-重庆时彩刷返点技巧| www.967839.com-男彩票托-| www.p00.net-微彩中奖能提现吗| www.47rh.com-在家手机彩票| www.816.org-竞彩发单app| www.4915.cm-688彩票网怎么样| www.03335.cc-香港中彩网1| www.123312.com-福彩3d秘密通道一| www.201949.cc-彩票投注站-| www.274162.com-时时彩老玩家的心得| www.426382.com-彩票代玩是犯法的吗| www.526186.com-时时彩小概率分析| www.622018.com-云彩彩票app| www.692829.com-快三和值规律| www.771528.com-时时彩5码-| www.877173.com-全球彩票ios| www.957482.com-连中彩票平台| 九五彩票www.95333w.com| www.ex41.com-uu快三彩票-| www.vw35.com-乐购彩票是真的吗| www.12kg.com-天天爱彩票ios版| www.80dr.com-彩票能信吗-| www.1581.cm-奥运彩票收藏价格| www.09762.com-齐鲁风采彩友沙龙| www.52673.cc-188彩票网-| www.95535.cc-体彩发展历程| www.058208.com-国家福彩五分快三| www.169300.com-吉林市快三走势图| www.254877.com-湖北快三今天推荐号| www.325495.com-海南彩票怎么买| www.393502.com-体彩今天出什么号了| www.536213.com-体育彩票店装修图片| www.617691.com-结婚聘礼彩礼图片| www.684988.com-福彩3d天吉论坛| www.760896.com-时时彩胆码免费计划| www.867933.com-南国体彩精彩论坛| www.936078.com-快三二同号复选必中| www.986581.com-728彩票线路检| www.cai9355.com七星彩口诀-| www.788189.com-约彩彩票下载苹果| www.917378.com-网站彩票代理提成| www.990640.com-江苏体彩七位数奖池| www.cp9259.com-中彩票下载-| www.813989.com-华赢彩票是什么| www.930538.com-彩票双色球87| www.985889.com-福彩3d中奖高的人| www.cp503.com-四川快三开奖号码| www.f02.top-七星彩票开奖查| www.51ge.com-足彩大赢家手机软件| www.0169.cm-彩色石头-| www.9528.site-海南私彩4位热码| www.47746.com-山东群英会彩票| www.89890.com-广西体彩领奖地址| www.042044.com-江苏福彩老快3| www.140226.com-时时彩赛车计划网站| www.221311.com-苹果版重庆时时彩| www.325355.com-海南私彩包码| www.392181.com-福彩三地开奖号儿的| www.553631.com-竞彩绝巧-| www.619186.com-山东彩票兑奖办法| www.686133.com-福彩3d宗合走势图| www.762661.com-时时彩购买软件| www.877852.com-香港官方彩票| 福利宝www.42969.com| www.ed76.com-做彩票代理安全吗| www.657498.com-今晚体彩开奖情况| www.886133.com-美术作品彩铅画难| www.967832.com-百合网上很多玩彩票| www.bu35.com-好彩票app-| www.po23.com-福彩3d模拟-| www.10rn.com-四季彩登录电脑版| www.80sp.cc-彩票网投靠谱吗| www.1326.wang-蠃彩彩票与你同行| www.8790.cm-玩分分彩技巧| www.36458.com-乐彩客网页版| www.75923.com-彩票注销是什么意思| www.021721.com-酷彩购彩票靠谱吗| www.084578.com-ios玩彩票的软件| www.138483.com-全天时时彩免费计划| www.206794.com-珍爱网上的彩票骗局| www.270013.com-彩票开奖k3甘肃| www.410425.com-彩票免密充值平台| www.505749.com-手k彩票网-| www.566174.com-河南福利彩票中心网| www.627821.com-帝王彩官网-| www.687334.com-湖南体彩民彩论坛| www.752907.com-体育彩票几点停售| www.932519.com-哪个软件可以买快三| www.980661.com-易彩乐是什么网站| www.rz.cc-七天彩票官网| www.lh11.cc-今日中彩是骗局吗| www.zw06.com-建盏七彩如何养成| www.18xs.com-买彩票选号-| www.399.online-彩球游戏教案| www.874394.com-大马彩多多万能成绩| www.964186.com-下载中国福彩网软件| www.cp2.cm-湖北福彩网-| www.lz50.com-湖北昨天快三走势图|