头像

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

来源:http://www.tufmachining.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
166彩票 www.1306.com-体彩做假-| www.08440.cc-最火的彩票销售系统| www.451011.com-彩票店多少钱能开| www.336515.com-江苏快三二不同推荐| www.585956.com-土豪赢三张压彩票挂| www.754223.com-678彩票登录| www.97ly.com-黄渤彩票号-| www.4671.net-买彩票都是哪些人| www.09904.com-齐鲁彩票最近奖是几| www.111514.com-彩之家投注安全吗| www.220136.com-众盈时时彩骗局揭秘| www.622380.com-深圳福彩官方网首页| www.51595.cc-如何关注彩票开奖| www.185036.com-海拔彩票-| www.688266.com-福利彩票14人| www.781667.com-精准彩票全天计划群| www.870627.com-广西快乐双彩| www.951743.com-彩神网一彩神网论坛| 500彩票www.51515g.com| www.635562.com-在黑彩站打工犯法吗| www.780794.com-那个彩票软件有破解| www.866147.com-搜狐彩票-| www.976873.com-菏泽各地彩礼价格表| www.46uo.com-彩票店官方旗舰店| www.2171.wang-江苏快快三遗漏数据| www.34862.com-福彩2o选走势图| www.9869.top-彩票任务-| www.32082.com-上海中彩网-| www.17799.com-福彩3d今日彩图| www.862273.com-k彩手机版怎么安装| www.049090.com-体育彩票解释| www.120827.com-体彩顺口溜-| www.964176.com-彩乐乐彩票杀号| www.69430.com-八马彩票app下载| www.015815.com-唯彩专家预测| www.905528.com-世界杯足彩-| www.qc72.com-正规彩票平台排行| www.651538.com-彩票网投注册送彩金| www.731080.com-上海中彩网-| www.23887.com-千里马彩票计划官网| www.096978.com-彩吧论坛天齐网首页| www.hi5.cc-安徽快三真是害人| www.555874.com-106官网彩票在线| www.797731.com-新彩吧中国彩吧| www.5770.top-华彩赢家软件有用吗| www.781661.com-精彩玩法画面刺激| www.701907.com-体育竞彩推荐app| www.iz27.com-辽福彩-| www.283451.com-七星彩怎么抓规律| www.830294.com-567彩票在线| www.196342.com-彩票306软件| www.601940.com-80彩票几年了| www.678085.com-德甲足球竞彩网| www.944406.com-彩票彩之家下载| www.542383.com-彩票开奖3d开机号| www.636543.com-中国彩虹5无人机| www.299683.com-快三预测app| www.99968.com-天津电脑福利彩票网| www.353600.cc-福彩3d梦网直播间| www.527114.com-竞彩足球中奖情况| www.621126.com-福利福彩连连看| www.02mg.com-分分彩k线-| www.092626.com-河南彩礼多少合适| www.86139.cc-彩涂铝板的用途| www.570511.com-湖北快三胆码是什么| www.346466.com-元代红绿彩-| www.871353.com-众赢彩票的骗局揭秘| www.739408.com-顶尖彩票软件可靠吗| www.825196.com-彩熠灯光官网| www.456433.com-中奖彩票有效期多久| www.rh95.com-d9彩票下载-| www.56rk.com-汕头彩票中奖怎么领| www.wz03.com-福利彩票号码推荐| www.365948.com-自学彩铅难不| 豪彩VIPwww.057452.com| www.62ap.com-彩票免费资枓大全| www.702823.com-足彩比赛直播002| www.358320.com-买彩票有错吗| www.91597.cc-绿好彩薄荷味| www.586936.com-竞彩推荐哪里买好点| www.314507.com-七彩捞腌菜官网下载| www.123603.com-福彩3d牛彩-| www.58pb.com-体彩填涂方法| www.939578.com-福彩门户香港资料| www.923035.com-彩色纸箱设备厂| www.hb7.com-安徽快三群骗局揭秘| www.479258.com-竞彩佣金百万| www.cj62.com-中华彩票信誉老品牌| www.809528.com-全彩助手下载| www.yi16.com-北京福彩快8| www.532089.com-获奖美术作品彩铅画| www.522893.com-时时彩经验心得交流| www.4697.cc-杭州体彩专管员| www.65058.com-3地福彩图谜| www.005317.com-体彩历史开奖号码| www.222744.com-内蒙古福彩下载| www.790358.com-查彩票最好的软件| www.875420.com-玩网络彩票心态| www.935100.com-智彩ios-| www.987376.com-app购彩安全吗| www.fb9.com-吉林快三是什么东西| www.k03.club-福彩新彩吧图谜总汇| www.608738.com-解梦七星彩号码撞车| www.xh31.com-优乐彩票app| www.5921.pro-中发彩票激请码| www.009837.com-人人爱彩票官方下载| www.xn02.com-七星彩下期预测汇总| www.688611.com-手机短信买彩票方法| www.838624.com-山东真诀彩吧图库| www.939660.com-北京快三和值图表| www.cai617.com-快三助手破解版下载| www.co8.cc-北京快三走势图一定| www.142942.com-彩8平台怎么样| www.365669.cc-竞彩足球全部买冷门| www.72509.com-福彩3d38期分析| www.162618.com-香港绝密彩票网址| www.952534.com-大奖彩票网跑了| www.sp1.com-上海体彩领奖地点| www.st98.com-技术型彩民-| www.083338.com-江苏彩票网-| www.0555.net-北京体育彩票站转让| www.661243.com-新彩票首页走势图| www.434193.com-中奖吧彩票靠谱吗| www.346189.com-李彩桦单身部落| www.518574.com-广州发彩染膏| www.602535.com-558彩-| www.mt5.com-7彩国际-| www.966918.com-彩票网络能购买吗| www.0523.xyz-欢乐彩开奖结果查询| www.7610.vip-爱彩正规吗-| www.xn90.com-彩票3d开奖双色球| www.188228.com-中福快三计划软件| www.268051.com-668彩票网app| www.335836.com-万达彩票网站首页| www.395938.com-周六什么彩票| www.94iq.com-易彩堂的邀请码是| www.818614.com-彩票双色球过滤器| www.984853.com-博赢彩票骗局| www.cp8328.com-福彩图谜-| www.088932.com-开奖结果北京快三| www.874834.com-辽宁快乐十二彩票| www.62738.com-九码在线时时彩计划| www.812733.com-福彩3d中奖秘籍| www.5482.vip-长春彩艺-| www.26111.com-广州福彩快乐十分| www.69271.com-178彩票网站| www.409062.com-七星彩历史开奖奖金| www.515887.com-领航时时彩计划软件| www.572163.com-福彩3d老人布衣图| www.631982.com-优优彩票网提现| www.680630.com-沉迷彩票倾家荡产| www.746011.com-打开中国体育彩票网| www.799090.com-奔驰彩票网站| www.858506.com-查体彩排列五中奖号| www.920736.com-百万彩票app| www.971547.com-福彩概率奥秘图| 众乐彩票www.389644.com| www.022970.com-玩彩能赢钱的人心理| www.573929.com-彩生活e师傅app| www.36962.cc-天天有彩票苹果版| www.2456.org-金博彩票官方直营网| www.199760.com-时时中彩票app| www.279038.com-福彩快乐12开奖| www.363925.com-江苏快三二同号单选|