头像

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

来源:http://www.alimeer.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
一分快3 www.9811.online七星彩巨奖排名| www.89416.com-注册送彩金的| www.344077.cc-5分彩定位胆| www.1108.org-湖北省福彩快三开奖| www.393514.com-简单彩铅画多肉植物| www.236518.com-福彩投注平台下载| www.351596.com-体彩足球赛如何买| www.440449.com-大乐透彩票购买时间| www.at02.com-福彩时时乐走势图| www.vy03.com-中国体育彩票排列三| www.305318.com-七星彩19040期| www.38yy.com-头彩彩票-| www.8451.com-竞彩唯彩-| www.006575.com-体彩排三开奖走势| www.1723.wang-助赢彩票软件下载| www.600782.com-家彩网双胆-| www.710638.com-集彩-| www.818536.com-体彩竞彩知识| www.894787.com-彩票开奖查结果查询| www.962045.cc-手机体彩害死多少人| 亿发彩票www.605733.com| www.6560.cm-彩票站过期-| www.51972.com-中彩网是干嘛的| www.055606.com-中国体彩规则| www.172787.com-湖北福彩快三推荐| www.254888.com-彩票时时彩app| www.350731.com-欢乐快三正规吗| www.439992.com-彩8提现不了怎么办| www.533654.com-彩票遗漏概率极限| www.7810.in-彩民的心声-| www.81hi.com-年后福彩销售时间| www.4465.vip-广州体育彩票| www.11966.com-31人合买彩票中奖| www.75441.com-竞彩之家是合法的吗| www.052618.com-博乐彩票-| www.168822.com-安微福利快三| www.243327.com-快彩网是合法的吗| www.190637.com-中信彩票是正规的吗| www.377718.com-巴中结婚彩礼和陪嫁| www.530609.com-彩票500彩票玩法| www.254153.com-福彩快三倍投| www.14jx.com-手机版彩金神龙麻将| www.880214.com-佳木斯喜乐彩开奖号| www.981654.com-菜鸟彩票官网| www.af49.com-福彩昨天3d开奖号| www.sg43.com-时时彩预测神器| www.743221.com-皇家彩世界彩| www.14rc.com-易彩乐的邀请码| www.28327.cc-黑红方彩票机软件| www.542428.com-网上购彩是真的吗| www.698291.com-描写彩虹的词语| www.783193.com-网络售彩网站| www.cp0368.com-快三彩票开挂| www.4911.vip-688彩票官方网站| www.636156.com-彩虹糖迷你豆机| www.736544.com-保定彩票兑奖| www.869272.com-七星彩有什么软件| www.965681.com-帮别人代玩快三兼职| www.0726.vip-投注彩票刷流水| www.673181.com-体彩任选9场玩法| www.759815.com-时时彩宝典app| www.877528.com-r8国际彩票好不好| www.954946.com-福彩中奖怎么领奖| 网易彩票www.085wy.com| www.75cl.com-彩票数字组合9| www.cf80.com-福彩极速快三| www.1189.cn-彩票站改革背后| www.576654.com-体彩排三今天开机号| www.728979.com-双彩3d图谜区| www.244618.com-彩票中奖图片生成器| www.706977.com-河南福彩幸运一| www.868533.com-七星彩30期走势| www.113297.com-福彩刮刮乐新代码| www.e09.cn-竞彩中奖单-| www.622.in-时时彩必赢技术| www.96018.com-兴华彩票软件下载| www.288122.com-彩票合买平台贴吧| www.872689.com-817彩票-| www.751964.com-彩拾彩票下载app| www.20jo.com-买彩票输50万| www.956506.com-富贵彩下载-| www.ei56.com-彩吧红五星图库| www.77ax.com-体育彩票刮刮乐兑奖| www.yb46.com-彩票中数字规律| www.36wz.com-大福彩开奖时间| www.260.cm-官方亿彩是什么意思| www.3717.pw-云南省福利彩票3d| www.9548.cc-百度彩票网官网| www.51327.cc-趣客站彩票靠谱吗| www.93266.cc-福利3d彩票-| www.045950.com-网上申请福利彩票站| www.5511.site-彩票销售店加盟| www.137307.com-一分快三和值| www.cp3626.com-一分快三全天计划| www.309968.com-丢失彩票规定| www.667138.com-今日体彩排列五预测| www.773477.com-各彩种开奖网| 彩61www.621764.com| www.je67.com-3d福利彩票下载| www.975002.com-055hcc福彩-| www.3311.com-体育彩票购买时间| www.2au.com-彩票中大奖前兆| www.168224.com-北京快三推荐计划| www.633622.com-七彩教育绽放七彩| www.700019.cc-竞彩跟单技巧| www.770424.com-篮彩比分-| www.831648.com-优选彩店下载| www.742887.com-大发彩票的登录网址| www.801633.cc-中国福利彩票图片| www.871170.com-天际彩票是不是骗局| www.923895.com-猜骰子彩票-| www.971256.com-福彩赛车怎么玩法| 快彩www.81678e.com| www.eo61.com-快三在线注册平台| www.xc48.com-19095体彩-| www.16bo.com-彩虹电影频道| www.79ad.com-香港三色彩有限公v| www.1858.bid-新粤彩看图区| www.202784.com-安徽快三和尾走势图| www.760911.com-体彩大乐透玩法说明| www.878561.cc-江西福彩3d-| www.6033.cc-昭通彩票中奖记录| www.07426.com-彩客网双色球预测| www.8648.biz-福彩杀号定胆| www.597460.com-体彩11选五投注表| www.659715.com-高频彩开奖数据| www.719392.com-新彩吧!-| www.940017.com-体彩11选5爱乐彩| www.980135.com-竞彩让球比分直播| www.cp9193.com-近三十期快三中奖号| www.2458.cn-內蒙古快三開獎結果| 梦想彩票www.33112m.com| www.07iq.com-上期彩票号是什么| www.634577.com-博创彩票-| www.722242.com-海南飞鱼彩票的技巧| www.799279.com-奔驰彩票3d-| www.865829.com-福彩快3跨度号码表| www.911147.com-彩票奖项说明| www.963109.com-澳洲时时彩计划公式| www.998425.com-北京福彩兑奖要求| www.am08.cc-鸿运彩票是黑平台吗| www.ta16.com-福利彩票有几位数| www.3rd.com-京彩集团可靠吗| www.41tq.com-米彩手表-| www.92if.com-彩票店店员工资| www.1228.vip-环彩彩票官网版| www.1040.space-乐彩网最新开奖结果| www.513011.com-类似优彩的论坛| www.615002.com-球彩软件-| www.940770.com-彩44平台安全吗| www.987661.com-谁有官方购彩软件| www.ez6.cc-快三跨质号是指| www.7730.cn-幸运十分彩怎么玩| www.24087.cc-双彩票色球-| www.60599.com-福利彩助手-| www.139870.com-彩票66网站-| www.0558.com-足球彩票点球算不算| www.52865.cc-七彩捞腌菜下载安装| www.443515.com-七彩开奖结果查询| www.561652.com-一彩票网-| www.781811.com-黑金团队宝马彩票| www.852209.com-中福秒秒彩-| www.903890.com-福彩定胆的玩法| www.974384.com-四川体育彩票金7乐|