头像

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

来源:http://www.paulvwalters.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.644871.com-七乐彩玩法简介| www.794303.com-买足球彩票是赌博吗| www.895448.com-福彩3d500-| www.971406.com-彩客彩票客户端苹果| www.gl51.com-温县彩礼多少| www.c88.top-快三电视版走势图| www.32nf.com-中体彩彩票网| www.6423.cn-体彩中奖提醒软件| www.22574.com-齐鲁彩票开奖查询| www.72246.com-福利彩票无人售票机| www.073159.com-彩票计划软件赢彩| www.151222.com-大同邮局彩票平台| www.261892.com-发彩送彩金-| www.359676.com-海南七星彩登录会员| www.469169.com-玩彩网下载安卓版| www.566300.com-福彩慧金彩商业彩票| www.650351.com-nba博彩哪里买| www.777935.com-牛彩3d图迷报| www.874163.com-老谢说彩票-| www.963368.com-七星彩直播视频| www.cai46.com-河北省快三-| www.me71.com-快三彩票倍投| www.x21.me-每周彩票开奖时间表| www.64io.com-福彩三d之家结果| www.1317.xyz-567彩票官方| www.06615.com-双色彩球开奖查询| www.55905.com-微信好友玩彩票骗局| www.010138.cc-分分彩牛牛计算公式| www.092059.com-彩票之家免费下载| www.177161.com-河南快三遗漏查询表| www.262193.com-网上买彩票赚钱| www.419999.com-竞彩店主自己刷销量| www.528727.com-体彩走是图-| www.631091.com-足球体彩奖金怎么算| www.713951.com-彩票上可以写名字吗| www.798215.com-易彩集团一首页| www.878870.com-彩票彩种大全文库| www.979439.com-7的彩票-| www.am53.cc-星彩三d-| www.tt68.cc-高频彩合买彩票平台| www.14ux.com-体彩开奖18143| www.717.red-彩票定非法经营罪| www.5288.gg-优彩交流大厅| www.11495.com-双色球选号彩乐乐| www.58719.cc-大众彩票是正规的吗| www.052955.com-竞彩足球500网| www.137090.com-七彩意义-| www.220823.com-快三输了几万块钱| www.374821.com-怎样注册网上买彩| www.542470.com-江苏快三豹子2| www.635882.com-彩票打水方法| www.730749.com-足彩胜负14场比分| www.808966.com-下载手机购彩平台| www.886666.com-福利彩票中奖是什么| www.982739.com-784彩票-| www.uo3.cc-彩票大厅开奖结果| www.819260.com-农村高价彩礼的悲剧| www.920801.com-彩神能不能提现| www.984080.com-浙江福彩开奖公告| www.cp2800.com-福建体彩网-| www.wp71.com-高频彩票开奖| www.31cx.com-彩虹六号皮肤能卖吗| www.2002.in-和彩放题蓝色港湾店| www.8137.xyz-发梦中彩票-| www.30419.com-浙江体彩排五走势图| www.77528.cc-必赢彩票赚钱| www.029625.com-金利彩票可靠吗| www.110210.com-买3d彩票的技巧| www.200587.com-快三开奖结果河南的| www.276191.com-众彩网福彩3d预测| www.438746.com-中彩网组六走势图| www.527081.com-新加坡快三开奖结果| www.616215.com-体彩扑克任选玩法| www.682012.com-彩票工具一今日运势| www.758553.com-16234彩票网| www.905751.com-竞彩足球赛果时间| www.967597.com-3d福彩多久开奖| www.sj1.cc-江西体彩网-| www.ps07.com-933彩-| www.7ye.cc-香港财神彩神网| www.60ux.com-掌游彩是什么软件| www.0169.vip-体彩哪种最容易中奖| www.7698.net-特彩吧高手网499| www.22170.com-因为彩礼-| www.61077.com-彩票平台投诉| www.028492.com-黑彩赚钱-| www.099752.com-快乐彩害人不浅| www.163375.com-七乐彩复式投注| www.261844.com-微信买彩-| www.338704.com-118娱乐彩票| www.405565.com-体彩总进球数| www.505798.com-黑彩套利贴吧| www.570529.com-七彩云南第壹城价格| www.635884.com-彩票税收计算| www.755558.com-旺彩四肖中特图片| www.945036.com-17500彩票论| www.999691.com-中彩网双色球下载| www.bv5.com-彩票软件十大排名| www.mq40.com-中彩彩票可信吗| www.6lj.com-优先彩票-| www.54yc.com-遵义有几处卖彩票| www.730.cn-博盈彩票能提现吗| www.4083.biz-七星彩局网下载| www.9177.net-福利彩票世界软件| www.69711.cc-彩票代码下载| www.024576.com-彩神通代理会员三码| www.090801.com-分分时时彩手机软件| www.148445.com-多中彩彩票网| www.246996.com-玩快三哪个软件好用| www.313415.com-彩神ii邀请码| www.374862.com-中国胆王福彩| www.506579.com-福彩杀尾-| www.568211.com-盛大彩票官方网址| www.629883.com-赌时时彩连冲三把| www.690976.com-九州彩票是否合法| www.760117.com-吉林时时彩开奖号吗| www.870447.com-三分彩最准计划| www.945993.com-美国一分彩开奖网站| www.977892.com-足球彩票店app| www.fw7.cc-3d试机号彩宝网| www.mn17.com-网上时时彩平台骗局| www.s50.org-福彩开奖查讯| www.38dw.cc-7星彩预测总汇| www.822.pw-天齐网彩-| www.4040.cm-香港赛马会彩票平台| www.8717.loan-快三怎么追大小| www.45992.com-时时彩在线计划二期| www.87157.com-银川福彩中心照片| www.029796.com-五洲彩票太阳团队| www.100061.cc-炫乐彩票app苹果| www.157608.com-足彩能买单场吗| www.277149.com-彩票中奖打错该赔嘛| www.355124.com-彩票中奖率是多少| www.420080.com-中国体彩刮刮乐| www.507925.com-彩吧大乐透专家预测| www.570281.com-七彩蛋l手机版| www.628295.com-下载华夏_彩票| www.685823.com-工商银行彩票| www.751794.com-中彩网双色球推荐号| www.936888.com-七乐彩胆拖中奖规律| www.981891.com-六安福彩网-| www.gw6.cc-江苏快3彩票网站| www.lq38.com-中彩网福彩擂台赛| www.zq12.com-中国足球彩票胜负彩| www.15zt.com-彩发发官网版下载| www.162.red-神彩吧-| www.2441.shop-福利彩票直播| www.6949.vip-体彩竞彩怎么赚佣金| www.11502.com-体彩七位数预测| www.45205.com-快彩11选5走势图| www.81309.com-昨天体彩出什么号码| www.024113.com-河北彩票快三42| www.084388.com-1分快三精准计划网| www.134418.com-搜索福利彩票3d| www.197071.com-彩宝网排列三首页| www.258045.com-网络售彩举报| www.319843.com-幸运快三app下载| www.376538.com-3d福彩怪字-| www.599675.com-彩票中奖分亲戚吗| www.659491.com-快三过年期间停几天| www.739516.com-南方彩票网首页| www.799373.com-彩票能不能中奖| www.860708.com-七星彩直播开奖现场| www.914189.com-彩神争霸有风险吗|