头像

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

来源:http://www.whxx168.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
pk10 www.dk7.cc-快三高手-| www.819672.com-如何看待天价彩礼| www.934480.com-即时开彩新版| 众乐彩票www.686244.com| www.or29.com-66976优彩彩票| www.45hg.com-体育彩票店奖池图片| www.cai7789.com快三北京开奖走势图| www.b83.net-易彩网一分快3计划| www.671189.com-百度彩票不能用了吗| www.764581.com-一分快三开奖走势图| www.9884.com-49l彩票com-| 大赢家彩票网www.83033x.com| www.82853.com-彩乐汇平台是真的吗| www.201999.com-3d福彩藏机图| www.348006.com-7乐彩尾数走势图| www.351455.com-时时彩是不是合法的| www.237925.com-官方手机买彩票软件| www.431725.com-高频彩缩水下载| www.732623.com-彩票驿站首页| www.870065.com-彩票20选8-| www.977806.com-中国福利彩票快餐| www.vl57.com-中央教育台直播福彩| www.49pj.com-北京五亿彩票| www.4406.vip-今日头彩软件| www.062448.com-福彩快三倍率| www.196914.com-好123彩票网址| www.281365.com-时时彩二星走势| www.572763.com-足彩加网站-| www.676734.com-酷彩吧安卓-| www.758373.com-众彩易购app下载| www.871424.com-三d预测众彩网| www.948841.com-好运彩彩票幸运快三| 500万彩票www.35155b.com| www.nj31.com-约彩彩票下载| www.18yn.com-大咖荐彩下载| www.058795.com-西赵口彩吧图库| www.271188.com-八亿彩app下载| www.98028.cc-时时彩哪个软件靠谱| www.vh78.com-快三长龙助手免费版| www.103278.com-金福彩票导航| www.596659.com-高频彩票极速飞车| www.730579.com-老梁说彩票完整版| www.113451.com-有能买彩票的网站| www.211344.com-今日河北快三推荐号| www.019933.com-失信可以领取彩票| www.253612.com-好彩江苏快3| www.338627.com-时彩族怎么打不开| www.413567.com-足彩培训师考试| www.0027.cn-北京快乐8开奖彩票| www.088328.com-699彩票ios版| www.83975.com-七乐彩开奖结果预测| www.650066.com-博彩骗局在国外| www.42336.com-求类似k彩的平台| www.008437.com-19049足彩-| www.177194.com-快三高手传授经验| 8号彩票www.980797.com| www.wp22.com-中国足球彩票官网| www.782253.com-彩票软件网-| www.912881.com-新浪体彩开奖查询| www.35nl.com-农民彩票-| www.1001.online五分彩长龙几期反| 大赢家彩票网www.339132.com| www.571150.com-青蛙彩票123| www.737161.com-彩吧论坛试机号| www.881547.com-辉煌彩是正规彩店吗| www.cai2121.com银川福彩快三走势图| www.01ac.com-高频彩投注平台| www.0285.xyz-中国福彩软件| 网易彩票www.506971.com| www.pe95.com-一分钟快三开奖官网| www.48ux.com-星彩无惨漫画桃花猫| www.6310.net-三的彩报图库| www.598613.com-开七星彩号码| www.745003.com-彩客竟彩-| www.816131.com-i胡北快三号码统计| www.915093.com-体彩开奖号彩宝网| www.1870.cn-彩2app-| www.16282.cc-玩网络彩票赢了五万| www.77751.cc-体彩销售故障垃圾| www.038817.com-彩票中奖地区能查吗| www.129807.com-彩票新闻中奖农民工| www.059550.com-k彩快三下-| www.209559.com-如何买彩票新手入门| www.16255.cc-新浪彩票图走势图| www.026221.com-福彩3d图迷慧总| www.054823.com-体育竞彩比分直播| www.142975.com-广西福彩软件下载| www.253508.com-时时彩牛牛玩法介绍| www.339724.com-新万能彩吧-| www.32878.com-南京市体彩中心号码| www.007163.com-体彩开奖公告查询| www.6816.com-彩票三地图迷| www.003342.com-gc彩票是-| www.fb92.com-手机黑彩票破解器| www.g70.net-香港6合彩2018| www.825321.com-七星彩精彩6十1图| www.953942.com-牛蛙彩票准-| www.ae54.com-快三一定牛快三| www.22dg.com-七星彩版区-| www.970597.com-福彩3b开机号| www.096648.com-中彩网3d开奖号码| www.h81.xyz-七乐彩一等奖概率| www.82pk.com-澳洲国际快三开奖| www.5104.vip-江西福彩时时彩开奖| www.595689.com-福利彩票专家推荐号| www.709279.com-台湾时时彩结果查询| www.811139.com-福彩3b太湖字谜| www.880070.com-詹天佑福彩3d点评| www.994506.com-怎么在微信上买彩票| www.25077.com-水溶性彩铅教程| www.975839.com-河南一街道出台彩礼| www.sn16.com-在线下载重庆时时彩| www.65wi.com-博彩水-| www.4275.vip-西安三彩家骗局| www.78994.com-七乐彩走势带连线| www.240218.com-乐彩网7500-| www.397645.com-春节体彩上班时间| www.506887.com-至尊彩是真的吗| www.583960.com-掌中彩是正规的吗| www.652093.com-彩票是那几天开奖| www.712817.com-鸿鼎彩票登录| www.782816.com-七彩乐开奖结果图表| www.865555.com-快乐公益竞猜彩票| www.08yy.cc-中奖彩票店主没了| www.801.org-87彩店合法吗| www.1424.in-海南七星彩四位| www.088635.com-吉林快三怎么当庄| www.021627.com-信彩彩票可靠吗| www.146648.com-竞彩篮球比分| www.322508.com-竞彩四串一经常中奖| www.190812.com-福利彩票快三倍数| www.173973.com-今日上海快三走势图| www.55mk.com-重庆体彩领奖地址| www.2533.xyz-保定彩票大奖无人领| www.8669.cn-彩宝贝个位杀号3d| www.06md.com-用彩铅画星空的过程| www.84nz.com-160彩票是否合法| www.3024.top-金祥彩票网址| www.8866.bid-彩票复式死的更快| www.29361.cc-无忧四溢彩-| www.73459.com-大众彩票app安卓| www.i70.top-彩界大将军-| www.83ir.com-澳克竞彩-| www.2276.vip-3d彩民乐摇钱树| www.b56.club-南昌体彩大奖地址| www.720592.com-众彩网专家预侧汇总| www.95sj.com-类似口袋彩店| www.3557.xyz-送38元彩金-| www.9488.vip-环球彩票平台网址| www.tx85.com-彩票广告宣传语| www.32ey.com-唯美彩虹壁纸图片| www.625118.com-al彩票-| www.730257.com-爱乐透彩票新版| www.807073.com-足彩二串一盈利计划| www.877528.com-r8国际彩票好不好| www.gq43.com-好彩铁盒香烟价格| www.s15.in-查5d体育彩票| www.48ag.com-荣誉彩票网-| www.2859.biz-创造更多精彩| www.13870.cc-刮刮彩票怎样破解| www.68289.com-彩鸿彩票是真的假的| www.862888.com-甘肃福彩快3直播| www.963353.com-竞彩足球必发新浪| 七彩www.53900d.com|