头像

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

来源:http://www.seaslink.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
彩81 www.191651.com-福彩快三网站是多少| www.103130.com-快三如何精确到数字| www.237307.com-福彩3d的玩法| www.395827.com-3月19号福利彩票| www.570939.com-大彩鲸中奖宝典| www.830055.com-佰盈彩票-| www.2045.shop-彩票网站建设开发| www.43943.com-福彩微信交流群| www.114240.com-彩神vii注册| www.246564.com-什么彩票一分钟一开| www.385091.com-php彩票源码下载| www.558339.com-简单的彩铅山水画| www.689608.com-福彩字谜总汇全图| www.828784.com-永诚彩票注册| www.960254.com-淘彩是什么-| www.dd48.com-世界彩票十大巨奖| www.6kr.com-等差数列与彩票| www.0510.com-正彩彩票娱乐| www.19833.cc-玩私彩属于赌博吗| www.116213.com-好的彩票网投平台| www.221331.com-重庆时时彩助手分析| www.320072.com-江苏省快三遗漏| www.fy62.com-搜索中国福利彩票| www.092336.com-厦门体彩兑奖中心| www.251554.com-彩票2元网下截| www.390698.com-分分彩怎么玩最稳定| www.557735.com-彩票728安卓| www.168789.cc-安徽快三开奖一定牛| www.954796.com-七彩娱乐注册网址| www.no28.com-怎么在手机上买彩票| www.71934.com-富民彩票下载| www.128175.com-快3彩票是正规的吗| www.662562.com-程远杀双色球众彩网| www.06831.com-采购彩涂板-| www.270321.com-全部彩票下载| www.377371.com-七乐彩杀号定胆2| www.538155.com-网上时时彩有几种| www.668223.com-7k彩票网信得过吗| www.787842.com-河南马前县彩礼规定| www.902758.com-彩票软件打不开了| www.999190.com-福利彩票中奖数字| www.oc83.com-大发快三今天走势图| www.17ds.com-老幻想中彩票| www.915.hk-七星彩四定位| www.6018.net-中国体彩兑奖青岛| www.11653.com-福彩3d彩乐乐杀号| www.55117.com-糖果派对送彩金平台| www.252072.com-中彩网是真的吗| www.20199.cc-彩票网站充值漏洞| www.65278.com-广东好彩一开奖号码| www.xm60.com-甘11彩控-| www.8937.net-实时彩平台-| www.027682.com-基诺彩票怎么中| www.182339.com-福彩选号助手ios| www.720260.com-七星彩经常开的规律| www.825887.com-吉林快三10中开奖| www.926084.com-在瑞彩祥云能赚钱吗| www.983547.com-pk彩票-| www.ui33.com-福彩3d字谜解答| www.33ku.com-下期七星彩字谜| www.2837.pw-好彩头平台官网| www.507347.com-移动电话购彩票| www.600097.cc-一元充值的彩票平台| www.695813.com-竞彩m串n的m| www.835922.com-广东彩王彩图图片| www.898567.com-福利彩票十分快三| www.960244.com-酷彩吧网址是多少啊| 彩多多www.78949s.com| www.024039.com-东方彩票幸运快3| www.943122.com-易盈彩票官方下载| www.659930.com-顺盈赢彩票靠谱吗| www.884404.com-福彩3d五行和值尾| 500彩票www.66621l.com| www.n71.cc-为什么彩票那么难中| www.0927.vip-福彩双色球怎样合买| www.23762.com-彩票代购实体店出票| www.2439.cc-青海福彩网快3| www.8555.cc-亿乐彩登录网址| www.34089.com-中国彩吧一彩吧论谈| www.89144.com-深圳开彩传媒| www.110301.com-青海省体彩网首页| www.189961.com-湖北福彩开奖公告| www.258889.com-中国竞彩投注比例| www.341938.com-福彩键盘-| www.409143.com-开彩妆店赚钱吗| www.523996.com-时时彩新版走势图| www.499192.com-彩票工资车有没有| www.631581.com-好彩三八是什么动物| www.725861.com-彩色激光打印机| www.810921.com-彩票选1到几个号码| www.890247.com-购买网络彩票合法吗| www.951019.com-奥客网彩票电脑版| www.iw9.cc-二分快三是什么彩票| www.we26.com-六给彩票香港下载| www.14ak.com-宣城体彩中心位置| www.67233.cc-绵阳福利彩票中心| www.084808.com-快彩电视-| www.581518.com-凤凰vip快三网址| www.805702.com-九万彩票是正规的吗| www.185121.com-安微快三形态走势图| www.345343.com-山东福利彩票网址| www.620441.com-彩票20选5怎么玩| www.926652.com-彩32-| 凤凰彩票www.66652f.com| www.918177.com-海南私彩怎么包赚| www.981263.com-彩票代投兼职能做吗| www.if5.com-两分快三开奖| www.qb55.com-全部彩票下载| www.77ei.com-万彩办公大师安卓版| www.883166.com-彩678平台怎样| www.978353.com-北京福彩赛车靠谱吗| www.rg.cc-天天彩票助手计划| www.vg33.com-688大发快三彩票| www.03tn.com-长春黑彩庄家稳赢吗| www.690607.com-竞彩足球在线购买| www.797575.com-99彩是不是正规的| www.893613.com-彩票中奖去哪里兑换| www.956635.com-大发快三免费开挂| www.998964.com-大运彩票换网址了吗| www.ct60.com-3d彩票中奖号| www.581710.com-爱彩彩网官方| www.669584.com-时时彩全部计划| www.776371.com-时时彩前三一码规则| www.845844.com-国外彩票怎么买| www.897639.com-彩票小广告贴怎么弄| www.989291.com-快3福彩代理| www.hw90.com-河北快三玩法一定牛| www.yq14.com-体育彩票排三| www.91yw.com-佰万亿彩票-| www.4060.cm-七星彩2281期| www.19990.cc-虚拟足彩进球数| www.82315.com-福客来彩票登录| www.913122.com-好彩客老版下载| www.987453.com-皇元彩票网平台| www.ex2.com-全球十大彩票平台| www.ua21.com-竞彩足球球赛改期| www.59.la-kh百彩网手机免费| www.326060.com-体彩19019-| www.501070.com-黑白照怎么变彩色| www.591992.com-炫彩离子2-| www.45tk.com-体彩排三百度贴吧| www.557.cx-快三大小怎么判断| www.4820.com-怎样在实体店买彩票| www.9905.cm-快三登陆平台官网| www.226332.com-网易彩票客户端下载| www.671127.com-幸运彩票外挂| www.140940.com-福利彩票跑马咋中奖| www.113819.com-彩掌柜计划群| www.223693.com-竞彩足球赛-| www.303539.com-好彩客官网下载| www.329785.com-深圳思乐彩票机| www.418979.com-好彩香烟铁盒装价格| www.523062.com-旺旺彩票中了怎么领| www.58499.cc-釉中彩有毒吗| www.14nr.com-19044期体彩| www.c51.com-百宝彩快三走势图| www.40zt.com-七星彩牛爹网| www.283.website民权彩礼多少钱| www.1987.date-慧金彩商业彩票| www.6718.in-查今天体育彩票| www.113010.com-七乐彩计算公式| www.679207.com-中彩网首页开奖结果| www.770550.com-时时彩过春节停吗| www.965683.com-彩神争霸2邀请码|