头像

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

来源:http://www.elianachan.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.432808.com-红橘微彩娱乐| www.609777.com-彩票开奖app| www.705909.com-浙江省福彩网| www.800098.cc-黑客中福快三| www.888040.com-快彩电视走势图| www.rk41.com-各种釉彩大瓶价值| www.12gk.com-彩巴首页-| www.95tn.com-晓晓彩票-| www.4111.vip-七星彩票手机苹果| www.33622.com-百分百彩票是真的吗| www.89233.cc-6000万彩票平台| www.065861.com-彩虹宝宝动画片全集| www.150224.com-彩票77正规吗| www.324736.com-35彩票官方下载| www.410783.com-七彩世界app下载| www.757500.com-福建省福利彩票工会| www.895915.com-彩票试机号-| www.970649.com-凤凰彩票微信群| www.az87.com-内蒙古新快三走势图| www.vq92.com-福彩开奖直播直播| www.22pz.com-159福利彩票| www.0123.win-绚丽多彩造句二年级| www.7636.cm-3d校验码家彩网| www.31193.com-舟山快2彩票| www.82839.com-体彩中心地址电话| www.049461.com-貴州福彩下载| www.177215.com-甘肃快三彩经网| www.259873.com-福利彩票机选号| www.342658.com-掌上购彩注册邀请码| www.442253.com-各地结婚彩礼顺口溜| www.547703.com-博彩e族体彩预测| www.680729.com-男子买彩票倾家荡产| www.771663.com-湖北快三加奖规则| www.879528.com-多彩网是真的吗| www.967480.com-彩票计划导师微信| www.cai3363.com快三投注-| www.ms48.com-彩票快3的技巧| www.00cx.com-彩票缺角能兑奖吗| www.81eg.com-体彩店买足彩吗| www.2504.pw-可靠的外围彩票网站| www.8877.vip-全民彩票m-| www.68718.com-用玄学预测彩票| www.034490.com-体彩nba推荐| www.130450.com-火箭彩票apk| www.213648.com-彩神1准吗-| www.292967.com-福彩3d今晚开奖号| www.374691.com-体彩直播间-| www.539507.com-彩宝贝预测汇总对比| www.266493.com-河北快三选号技巧| www.397214.com-惠民彩票到底是啥| www.556546.com-亿游彩票网注册帐号| www.635890.com-七彩烟图片-| www.762811.com-快三高手网-| www.862745.com-七彩乐结果-| www.936273.com-福彩网怎么注册| www.995554.com-购彩之家为什么关了| www.pl0.cc-天津福彩时时彩| www.rs77.com-优信彩票购彩大厅| www.16wp.com-潢川民政局彩票| www.259.cm-同乐手机彩票| www.4638.biz-酒后千元买彩票| www.03995.com-吉林快三出号计划员| www.53936.cc-时时彩可靠平台| www.004313.com-高频彩有托吗| www.082808.com-众信彩票黑平台| www.159195.com-彩票55是黑平台| www.319006.com-都那彩票中奖公告| www.393769.com-彩九安卓版下载| www.533404.com-那种彩票最简单| www.621386.com-快乐三分彩怎么下載| www.698803.com-注册华夏彩票| www.779623.com-彩票中奖开奖结果| www.861067.com-直播七星彩开奖视频| www.919938.com-摇彩票下载-| www.972624.com-彩票大小单双怎么买| www.xn41.com-河北快三时间开奖| www.22cb.com-3726澳发彩票网| www.367.cm-体彩排列3图报| www.683253.com-开心彩红app下载| www.835918.com-广东彩王图-| www.935273.com-苹果app彩票| 天天彩票www.2373w.com| www.gj97.com-腾讯分分彩作弊器| www.zn41.com-吉林快三撒时候开始| www.32gn.com-福彩世界7600| www.93tw.com-竞彩时时比分| www.3055.xyz-彩票最佳倍投方式| www.9019.org-体彩nba竞猜结果| www.97835.cc-彩票性缘-| www.066092.com-体育彩票私彩| www.132756.com-足彩怎么卖-| www.207311.com-至尊争霸快三| www.281553.com-东方一分彩是哪里的| www.423910.com-金山彩票奖多多| www.525267.com-福彩北斗-| www.619058.com-山东体彩兑奖| www.689632.cc-22.cc彩票-| www.768143.com-海外彩票网站| www.886129.com-欢迎登录神州时时彩| www.974103.com-环球彩票不能提现| www.dg.cc-网络彩票骗局| www.og82.com-快三统计-| www.9db.cc-快三三同号最大遗漏| www.67ab.com-买彩票下什么软件| www.0860.cc-乐发彩票首页| www.8672.in-彩票开奖七星彩排五| www.40074.com-2020中彩-| www.88105.com-双色球彩票条码损坏| www.044957.com-彩乐园3下载app| www.150349.com-全民中彩票官网网址| www.237403.com-中国体彩网下载| www.316637.com-新浪竞技彩票风暴| www.385295.com-竞彩误差是什么意思| www.528687.com-福彩双色球竞技风暴| www.614038.com-快乐双彩走势图表| www.688180.com-大信彩票网址| www.765644.com-一定牛体育彩票| www.872104.com-q彩是什么-| www.952529.com-好彩1预测彩乐乐| JJ彩票www.61040.cc| www.da53.com-彩神x赚钱靠谱吗| www.tx47.cc-风皇彩票-| www.02bt.com-3分时时彩预测| www.68se.cc-中乐彩怎么样| www.0778.pw-七星彩大公鸡规律图| www.14761.com-2019福彩休市| www.67006.com-安阳中一亿彩票| www.032673.com-官方高频彩直播网| www.108877.com-快三号码共有多少注| www.174695.com-精彩十分开奖今天| www.280090.com-手机怎样查福利彩票| www.403483.com-苏宁彩票微信平台| www.5998.biz-山东省彩票网| www.35699.com-头条号官网彩票| www.93520.com-足彩对冲套利方法| www.057051.com-彩票网站漏洞| www.179605.com-五分彩在线万位计划| www.254595.com-福彩快三是电脑控制| www.325581.com-彩宝app-| www.392434.com-体彩投注平台| www.607965.com-云南福彩中心| www.677711.cc-银川中彩票-| www.751609.com-360彩票还能买| www.815087.com-看体彩走势图| www.881715.com-包赔本金彩票| www.984776.com-福彩3地图迷新彩吧| www.fy37.com-福建福彩网站| www.xl68.com-彩票123官网| www.12le.com-新风采彩票-| www.73oe.com-禁止出售世界杯彩票| www.0993.pw-彩票奇葩数字| www.9547.cc-海南彩票开发公司| www.48124.com-彩票买法-| www.89892.com-093彩票风险| www.039956.com-福彩双色球| www.136065.com-广西体彩中心在哪里| www.204546.com-深圳一定牛彩票| www.268127.com-足球彩票预测| www.366348.com-海南省本期七星彩| www.448610.com-福彩演播室答题答案| www.534325.com-电玩城彩票机技巧| www.42136.com-23彩票软件注册| www.582697.com-凤凰彩票没人查吗| www.661048.com-网上时时彩-|