头像

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

来源:http://www.gdhsgroup.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.777198.com-七星彩大赢家| www.mm44.cc-重庆肘时彩开奖结果| www.p96.club-博大彩票下载| www.54om.com-体育彩票网址大全| www.948.cn-福彩三d关注码金码| www.4810.live-福利彩栗-| www.400673.com-彩神软件手机版下载| www.ea10.com-彩神争8ll-| www.318128.com-福彩三d怪字神贴| www.835396.com-五百彩票网股票| www.909713.com-乐彩33app-| www.968503.com-足彩庄家操盘全揭秘| www.ko66.com-算彩票用什么公式| www.k39.la-快三群二维码| www.43zp.com-七彩蓝田是不是传销| www.679.cc-百事彩票-| www.4653.org-5a彩票平台登录| www.01327.com-注册送彩金58优惠| www.87055.com-尼彩手机游戏| www.043246.com-高频彩票刷流水| www.138456.com-福利彩票合法吗| www.217297.com-单机快三游戏下载| www.289572.com-福利彩票主任被查| www.392735.com-初学彩色铅笔画教程| www.516979.com-中国色彩-| www.586333.cc-福彩3d校长-| www.659113.com-2元3d彩票网开奖| www.766884.com-青蛙彩票的资料大全| www.858111.com-福利彩票关闭时间| www.925182.com-彩代表什么生肖| www.983276.com-盈彩会是真的假的| www.cm40.com-福彩快三是怎样玩的| www.wa27.com-有人玩大发快三吗| www.13xv.com-找个最可信的彩票网| www.84bl.com-乐仑彩票app| www.1965.tv-易彩账号-| www.7560.vip-牛彩彩票可靠吗| www.24264.com-彩神争霸网址登陆| www.67718.com-彩票是不是赌博| www.087049.com-七星彩全部历史记录| www.152764.com-旺彩3d预测推荐| www.251075.com-中彩网…-| www.320527.com-信博彩票极速快三| www.388673.com-发彩网大小单双句| www.527837.com-1上海快三开奖结果| www.609427.com-分分中彩票网址| www.678955.cc-易彩网十分快三遗漏| www.755558.com-旺彩四肖中特图片| www.862100.com-辽宁福彩12选5| www.924788.com-澳洲有哪几种彩票| www.982008.com-非法彩票app| www.be92.com-易彩网是骗局吗| www.sf61.com-三分时时彩免费计划| www.08ai.com-简单的入门水彩画| www.75oj.com-高档古建彩绘图案| www.1236.me-数学算法买彩票| www.22912.cc-3d博彩吧-| www.63561.com-福建省体彩36选7| www.026768.com-辉煌彩票靠谱吗| www.099054.com-湖北快三吧-| www.161687.com-香港快三合法吗| www.262635.com-乐福彩是正规彩票吗| www.345303.cc-彩运无限app下载| www.420130.com-易玩娱乐彩票平台| www.516861.com-色彩知识基础知识| www.581630.com-新浪爱彩开奖| www.670211.com-风采还是风彩| www.761472.com-大乐透彩票预测| www.887963.com-推彩票的渠道| www.963946.com-500彩票百科| 华人彩票www.040431.com| www.fr04.com-大发云彩票系统网址| www.wg70.com-快三开奖机制| www.08tt.com-九万彩下载-| www.72hn.com-足彩软件贴吧| www.0777.net-137彩票网-| www.9390.biz-彩票三地二十四期| www.44871.com-京彩彩票-| www.86383.cc-七星彩内部会员卡| www.033797.com-c68彩票-| www.130256.com-7星彩和值走势图表| www.198267.com-深圳福彩网-| www.262397.com-江苏体彩ll选5| www.360067.com-七星彩摇号器| www.438765.com-贵州多彩博虹面试| www.524013.com-内蒙福彩官方网站| www.620608.com-神圣时时彩计划软件| www.685268.com-中国3d彩票下载| www.756970.com-永城彩票-| www.855921.com-福彩3d复式玩法| www.911891.com-开体彩店利润怎么样| www.970422.com-乐彩彩票合法吗| www.ag47.cc-双色球走势图彩宝贝| www.qf22.com-彩77ios-| www.5rd.cc-易彩云彩票商家版| www.53xz.com-国家彩票正规平台| www.641.tv-超级大乐透彩乐乐| www.3852.biz-星彩网怎么下载| www.8728.pw-新彩网吧-| www.59449.cc-开彩票平台-| www.009660.com-手机彩膜定制| www.069598.com-亚上彩登陆-| www.127954.com-曾轶可彩虹歌词| www.191275.com-分分快三在线计划| www.254898.com-破解吉林快三的规律| www.318551.com-炫彩彩票是骗局吗| www.378287.com-彩虹e台在线播放| www.550184.com-购彩平台推荐| www.619959.com-福彩3d夏天开机号| www.680632.com-彩票怎么打出来| www.748722.com-快彩邀请码-| www.805788.com-领彩票为什么带面具| www.872916.com-网络彩票加盟代理| www.972242.com-网易新快三-| 凤凰彩票www.452801.com| www.fk57.com-浙江快乐彩开奖结果| www.uh81.com-彩票大赢家快3骗局| www.8nl.com-数学家破解彩票规律| www.53os.com-大乐透彩票奖金查询| www.542.in-职业彩票玩家交流| www.3474.org-关于快三投注倍投表| www.8282.biz-幸运彩一52xy| www.22830.com-王者彩票会赢吗| www.58014.com-彩20下载-| www.149387.com-中彩网网页版登陆| www.233679.com-彩乐汇是正规平台吗| www.298869.com-中国澳客手机彩票网| www.359758.com-七星彩手机会员| www.426877.com-彩票开盘管理| www.513673.com-快三定胆技巧秘诀| www.572635.com-彩专家大牛在线| www.631612.com-七彩云南什么意思| www.688564.com-彩票吧助手下载安装| www.753495.com-102彩票app-| www.896849.com-广西快三今日更新| www.954196.com-皇都彩票下载安装| www.996791.com-今天体育彩票中奖号| www.gp.cc-手机中彩网下载| www.kb26.com-彩票赌博-| www.yc12.com-天津市五分时时彩| www.09kx.com-916时时彩-| www.64gn.com-查询彩票的软件下载| www.815.org-怎么制作彩虹玫瑰| www.3689.biz-a3彩色激光复合机| www.8200.in-福彩三地精准开机号| www.23988.cc-七星彩怎么包浆赚钱| www.58779.cc-下载体育彩票开奖| www.077671.com-桃彩骗局-| www.127909.com-废彩票叠一艘航母| www.185775.com-老时时彩基本走势图| www.239444.com-江苏快三输了十几万| www.299701.com-999彩票网-| www.356403.com-牛人彩票可以挣钱| www.416693.com-安卓日本彩虹频道| www.503078.com-彩友多违法-| www.558545.com-234天空彩-| www.611640.com-彩票投注软件哪个好| www.668028.com-乐米彩票和乐优彩票| www.726648.com-彩虹频道app下载| www.784779.com-大胜彩票苹果版| www.844362.com-福利彩票发展历史| www.895978.com-首页-九州彩票| www.944876.com-假福彩-| www.981815.com-福彩61中奖查询|