利用css+原生js制作简单的钟表。效果如下所示 实现该效果,分三大块:html、javascript、css html部分 html部分比较简单,定义一个clock的div,内部有原点、时分秒针、日期以及时间,至于钟表上的刻度、数字等元素,因为量比较多,采用jvascript生成 css部分 开始 ...
分类:
其他好文 时间:
2016-07-11 09:09:05
阅读次数:
301
题意:输入一个角度degree,求出一天中时针分针秒针之间的角度大于这个角度degree的时间占一天总时间的比例 因此输入是0-120度, 输出比例,保留三位小数,-1为终止 暂时没想出来如何做这道题 其中一个思路是:求出时分秒针的速度差,进行暴力破解,不过我的算法结果是精度不够准确~ ...
分类:
编程语言 时间:
2016-06-13 23:33:51
阅读次数:
308
1. IoC理论的背景
我们都知道,在采用面向对象方法设计的软件系统中,它的底层实现都是由N个对象组成的,所有的对象通过彼此的合作,最终实现系统的业务逻辑。
图1:软件系统中耦合的对象
如果我们打开机械式手表的后盖,就会看到与上面类似的情形,各个齿轮分别带动时针、分针和秒针顺时针旋转,从而在表盘上产生正确的时间。图1中描述的就是这样的一个齿轮组,它拥有多个独立的齿轮,这...
分类:
编程语言 时间:
2016-05-06 15:01:12
阅读次数:
266
该放假了,心情不好,写个小表针感慨一下时间为什么过得如此之快,写了个小钟表. 提示 1:这个钟表的秒针转的非常快,如果需要和当前的网络时间一样,请修改</script>上一行的代码,把1换成1000 2:无需素材.直接运行即可 3:如有bug请直接留言 <!DOCTYPE html><html> < ...
分类:
Web程序 时间:
2016-04-29 22:16:01
阅读次数:
324
1. IoC理论的背景
我们都知道,在采用面向对象方法设计的软件系统中,它的底层实现都是由N个对象组成的,所有的对象通过彼此的合作,最终实现系统的业务逻辑。
图1:软件系统中耦合的对象
如果我们打开机械式手表的后盖,就会看到与上面类似的情形,各个齿轮分别带动时针、分针和秒针顺时针旋转,从而在表盘上产生正确的时间。图1中描述的就是这样的一个齿轮组,它拥有多个独立的齿轮,这些齿轮相互啮合在一起,...
分类:
其他好文 时间:
2016-04-11 12:18:55
阅读次数:
175
序言 笔者对动画是很钟情的,今天我们一起来学习学习如何通过Core Animation实现钟的秒针、分针和时针无限动画移动,与苹果手机上的世界闹钟中的秒针、分针和时针类似。通过观察,笔者感觉是动画来实现的,而不是定时针。 不过,这里提供了两种方式来实现: 通过定时器实现刷新,与挂钟一样,移动没有动画 ...
分类:
其他好文 时间:
2016-03-31 02:04:24
阅读次数:
357
使用Quartz2D实现时钟动画(一) 要实现如果所示的时钟效果,首先将素材表盘拖入工程 1.定义时针、分针、秒针三个图层类成员属性 @property(nonatomic,strong)CALayer *secondLayer; @property(nonatomic,strong)CALayer
分类:
其他好文 时间:
2016-02-20 00:40:46
阅读次数:
454
05-时钟效果1.搭建界面. 分析界面. 界面上时针,分针,秒针不需要与用户进行交互.所以都可以使用layer方式来做. 做之前要观察时针在做什么效果. 是根据当前的时间(注意获得都是整数),绕着表盘的中心点进行旋转. 要了解一个非常重要的知识点.无论是旋转,缩放它都是...
分类:
其他好文 时间:
2015-12-17 18:50:54
阅读次数:
160
1. 创建秒针,因秒针与用户无交换,可以用layer1> 创建秒针// 创建秒针CALayer *secondLayer = [CALayer layer];self.secondLayer = secondLayer;2> 设置背景色/尺寸/位置设置锚点(0.5, 0.9)// 设置背景色 ...
分类:
移动开发 时间:
2015-11-27 14:30:40
阅读次数:
200
若干年前,在秒针工作的时候,秒针接了国家统计局的一个项目。 我没有亲自参与,但了解这个项目的一些情况,这个项目的文档,我也有一些,比较重要且简单的一个文档是,本文想分享的一些常用的安全措施。 这个项目,使我认识到,我所认识到的世界,只是真实世界的很小一部分情况。世界太复杂,我永远只可能知道一部分情况。 我们每个人了解到的信息和已有的认识,永远都是有局限性的,你不可能知道所有的信息和事实。存在...
分类:
其他好文 时间:
2015-10-18 17:00:14
阅读次数:
138