头像

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

来源:http://www.dijitala.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
三分PK拾 www.365324.cc-附近福利彩票占| www.yr54.com-今日快三中奖规律| www.619068.com-快三彩票必赢网| www.718359.com-彩神提前预支助手| www.802870.com-豪彩登陆-| www.999035.com-五分快三概率| www.ky64.com-外蒙快三-| www.9890.top-宏盛彩票正规吗| www.qc09.com-577彩票官方网站| www.735754.com-广西快三和值怎么算| www.681844.com-中国七乐彩-| www.805257.com-怎样玩乐彩-| 天天乐彩票www.626507.com| www.732226.com-河南濮阳台前县彩礼| www.816878.com-广州市福彩中心地址| www.929883.com-七星彩版面-| 澳客彩票www.108ak.com| www.333339.cc-彩八万是真的吗| www.329830.com-彩吧图库第二版3d| www.833819.com-3d天天中彩吧图库| www.981011.com-旺彩开奖结果下载版| www.zf8.com-上海福利彩票时时乐| www.f64.net-中国福利彩票鲍学全| www.3541.net-彩视下载安装到手机| www.320061.com-福利彩票游戏机店| www.743685.com-竞彩网500论坛| www.861162.com-福彩三d字谜解释| www.943904.com-乐58彩票官方网站| 人人彩票www.rrle4.com| www.486200.cc-我想玩时时彩网站| www.te6.com-抚州福利彩票总部| www.37rm.com-快三和值机率| www.389120.com-网易福彩是什么意思| www.559021.com-福利彩票走点图| www.677624.com-高频彩票资金分配图| www.898189.com-彩票代理拉人术话| www.cai2744.com河北快三走势| www.561327.com-名人彩票合法吗| www.643696.com-2368彩票-| www.725480.com-浙江11选5体彩| www.52762.cc-七彩山鸡叫声| www.133812.com-天天福彩双色球| www.234638.com-幸运快三app| www.315251.com-腾讯分分彩合法吗| www.383017.com-易彩输了几十万| www.498083.com-大众商家买彩票| www.567174.com-旺旺彩票app网站| www.646641.com-足彩14场怎么买| www.229698.com-手机彩票app开发| www.yl40.cc-彩票双色球中奖技巧| www.4455.tv-四海乐购彩票官网| www.263107.com-体彩大乐透图表| www.300038.cc-七天彩是骗局| www.01499.com-中国移动彩印下载| www.293762.com-彩票网站骗局| www.984974.com-褔彩3d丹东全图| www.uy92.com-人人娱乐彩票| www.1294.pw-全民乐彩六肖| www.720055.com-兴利彩票-| www.862911.com-七乐彩直播开奖视频| www.977209.com-彩妆项目加盟| www.il65.com-好玩3d彩友沙龙| www.64qk.com-足彩投资策略| www.326222.com-彩宝是什么平台| www.79796.cc-彩票上面条码| www.825058.com-信彩平台登录| www.1029.wang-广东11选五爱彩乐| www.382252.com-彩票计划在线聊天室| www.576415.com-彩霸王综合资料来料| www.678705.com-足彩必发交易指数| www.775376.com-数字型彩票概率| www.886796.com-福彩快开彩赛马| www.970485.com-排列五体育彩表| www.cai5656.com彩票走势图怎么分析| www.015749.com-七星彩中奖概率计算| www.133897.com-雷诺好彩1预测分析| www.526.space-七乐彩历史中奖号| 彩吧www.856458.com| www.g70.cc-下载查看万彩吧资料| www.119107.com-彩61下载-| www.066782.com-权威认证博彩| www.40ps.com-七星彩造假-| www.0436.org-159竞彩足球安全| www.dp00.com-快三平台是-| www.yc54.com-七星彩19039| www.8072.vip-著名水彩画-| www.3569.cc-送彩金电子游艺| www.605971.com-a22爱彩导航| www.720715.com-安卓版3彩票| www.848999.com-汪汪时时彩计划下载| www.972884.com-陈赫中奖彩票被调| www.ik25.com-《中彩那天》课文| www.019137.com-利彩是干什么的| www.834750.com-欧盟好彩-| www.932791.com-微信能买彩票吗| 彩82www.c6167.com| www.4954.me-in下载盛源彩票| www.21212.com-赢发彩票可信吗| www.022540.com-吉林快三儿预测| www.939455.com-天天彩开奖-| www.058073.com-1233彩票app| www.110967.com-春天彩票-| www.167295.com-快三是国家允许吗| www.229266.com-彩票快3在哪里买| www.94ai.com-重庆三分彩犯法吗| www.44mf.com-足彩串关对冲| www.112289.com-云顶分分彩娱乐场| www.965745.com-彩神app网站登录| www.av15.com-官方江苏快三| www.yt02.com-今日甘肃快三结果| www.44vr.com-uc彩票官方网| www.0405.top-福利彩票能买足球吗| www.723536.com-常州市福利彩票中心| www.822887.com-体彩排列三分解推荐| www.900238.com-生成彩票程序软件| www.963492.com-星空画彩铅简单教程| 网易彩票www.36788d.com| www.81037.com-福彩机器键盘说明| www.495342.com-国内做博彩代理| www.579558.com-彩世家手机版| www.655639.com-手机在线彩票下载| www.bo74.com-体彩中奖-| www.ff88.cc-彩票开奖查洵公吿| www.731771.com-8k彩票官方-| www.239181.com-腾讯快三是什么| www.8172.cc-重庆时时彩万位计划| www.48xo.com-排列五走势图彩乐乐| www.394951.com-中国体彩啥时候开奖| www.612569.com-哪里有彩票计划软件| www.205331.com-内蒙古福利彩票手机| www.751470.com-体育彩票网上兑奖| www.927778.com-体育彩票俄罗斯| www.665636.com-杭州彩票店转让| www.794122.com-九州彩票输钱了| www.871123.com-天天彩票投资赚钱| www.74855.com-重庆时时彩有门店嘛| www.639436.com-体彩店区域保护距离| www.745887.com-红彩app直播下载| www.975304.com-彩票中奖图片表情| www.cp3859.com-分分快三骗局| www.52515.cc-好彩网0567-| www.90958.cc-好彩烟和万宝路| www.68565.com-廊坊彩票大奖得主| www.152130.com-竞彩看盘在哪看| www.409377.com-七星乐彩票倍投规律| www.531676.com-彩搜网专业彩搜彩票| www.76do.com-福彩七乐彩派奖规则| www.452356.com-分分彩稳定玩法| www.022393.com-彩票平台靠什么赚钱| www.611699.com-微信彩虹岛水果攻略| www.864779.com-手机彩膜切图软件| www.987650.com-福彩刷流水倍投| www.70mb.com-时时彩新开始结果| www.572629.com-17彩票下载软件| www.799349.com-富彩彩票主页| www.889416.com-买双色球彩票技巧| www.974616.com-众彩彩票赛车| www.gb42.com-七彩奖开奖-| www.yo25.com-3少开奖福彩| www.03he.com-风之彩app彩票| www.870307.com-中博彩票诈骗| www.957233.com-金利彩票会给钱吗| 爱购彩票www.igcp6.com| 500彩票www.66653z.com|