当前位置： →
→ 自制二进制时钟之一:我的特权
自制二进制时钟之一:我的特权
& 作者及来源： floodpeak - 博客园 &
&收藏到→_→：
摘要: 自制二进制时钟之一：我的特权
"自制二进制时钟之一:我的特权"：：
&&&&现在将目光偏移到我的公告栏，咦，这里跳动的是什么哩，好像有规律又一时摸不到头脑，告诉你，这是块表！
&&&&二进制是每个的必修课，是每台计算机的基石，是整个it界的亚当夏娃！
&&&&记得在上计算机组成原理课时，我的老师是这样要求我们的：当你看到一个4位二进制数时，你要马上知道它对应的十六进制数是什么，十进制数是什么；反之亦然。如果你的老师也有过这样的要求，或者你有这样的愿望达到这样的要求，使用二进制时钟吧，如果你每天看它十次，这样的要求小菜一碟儿。
&&&&二进制的来龙去脉咱就不说了，下面给张进制转换表
&&&&哇，好大一张图，o(∩_∩)o...
&&&&二进制就先说这些吧，下面说说二进制时钟的背景吧。
&&&&我最早接触到二进制时钟是在两年前google的个性化主页上，可以定制一款二进制时钟放到你的主页上，当时觉得很新奇，虽然二进制和时钟都是一些老家伙了，但二者一结合使人眼前一亮，这里是google的二进制时钟
&&&&说的的这么热闹，那这个表怎么读呢？
&&&&从左到右，依次是时十位，时个位，此文来自: 马开东博客
转载请注明出处 网址：
分十位，分个位，秒十位，秒个位，那么这里有个问题，既然你都二进制了，还整个十进制干啥玩意儿，都用二进制表示不就得了。比如小时是24进制，2的四次方是16，五次方是32，所以用5个二进制位就可以富富裕裕的表示出来24，再如分秒都是60进制，2的五次方是32，6次方是64，用6个二进制位就可以表示了。这是因为我们的习惯都是二进制以四个为一组，在这16种组合下，我们可以很快的得到对应的10进制，而如果再加上一个或两个位，虽然用来表示数字的位数少了，却增加了我们反应和计算的难度，所以这里还是按照人们的习惯进行了设计。
&&&&&文字性的描述太过枯燥，下面我就举个例子
&&&&上面这个图就代表的是凌晨一点五十九分二十七秒，呵呵，不难理解吧。记住，会读这个表是你的特权，在别人向你询问时间时，拿出一个别人不知所然的物件并准确的报出时间是不是很酷！
&&&&在后面的几篇文章中，我会一步一步的描述如何实现以及为何这样实现这个二进制时钟~~
搜索此文相关文章：此文来自: 马开东博客
网址: 站长QQ
自制二进制时钟之一:我的特权_博客园相关文章
博客园_总排行榜
博客园_最新
博客园_月排行榜
博客园_周排行榜
博客园_日排行榜评论- 444&
&&&&&&&&&&&&&
&&&&，我们干完了脏活，休息了好一会儿，现在精神又饱满了，是时侯让我们的二进制时钟跳起来啦。
&&&&首先我们先设定两个变量，用来保存表示0时img的颜色和表示1时img的颜色，代码如下
<span style="color: #var&grayColor&=&"#f0f0f0";
<span style="color: #var&highlightColor&=&"#505050";
&&&&下面的任务就是控制各个img在什么时候变成1，什么时候变成0
&&&&小时、分钟和秒都是由两部分组成的，一个是它的十位，一个是它的个位，十位和个位都是由4个二进制位来编码，所以每竖着的4个二进制位和一个0~9的数一一对应，因此可以抽象出一个函数，它接收两个参数，第一个是当前操作的是哪个列，第二个是当前这个列显示的数字，先看代码&&&&
&1function&liteup(col,&num)
&3&&&&var&currentC
&4&&&&if&(num&%&<span style="color: #&==&<span style="color: #)
&6&&&&&&&&currentColor&=&highlightC
&8&&&&else
<span style="color: #&&&&&&&&currentColor&=&grayC
<span style="color: #&&&&}
<span style="color: #&&&&eval("document.getElementById('"&+&col&+&"<span style="color: #').style.background='"&+&currentColor&+&"';");
<span style="color: #
<span style="color: #&&&&if&(num&==&<span style="color: #&||&num&==&<span style="color: #&||num&==&<span style="color: #&||&num&==&<span style="color: #)
<span style="color: #&&&&{
<span style="color: #&&&&&&&&currentColor&=&highlightC
<span style="color: #&&&&}
<span style="color: #&&&&else
<span style="color: #&&&&{
<span style="color: #&&&&&&&&currentColor&=&grayC
<span style="color: #&&&&}
<span style="color: #&&&&eval("document.getElementById('"&+&col&+&"<span style="color: #').style.background='"&+&currentColor&+&"';");
<span style="color: #
<span style="color: #&&&&if&(num&&=&<span style="color: #&&&&num&&=&<span style="color: #)
<span style="color: #&&&&{
<span style="color: #&&&&&&&&currentColor&=&highlightC
<span style="color: #&&&&}
<span style="color: #&&&&else
<span style="color: #&&&&{
<span style="color: #&&&&&&&&currentColor&=&grayC
<span style="color: #&&&&}
<span style="color: #&&&&eval("document.getElementById('"&+&col&+&"<span style="color: #').style.background='"&+&currentColor&+&"';");
<span style="color: #
<span style="color: #&&&&if&(num&&=&<span style="color: #)
<span style="color: #&&&&{
<span style="color: #&&&&&&&&currentColor&=&highlightC
<span style="color: #&&&&}
<span style="color: #&&&&else
<span style="color: #&&&&{
<span style="color: #&&&&&&&&currentColor&=&grayC
<span style="color: #&&&&}
<span style="color: #&&&&eval("document.getElementById('"&+&col&+&"<span style="color: #').style.background='"&+&currentColor&+&"';");
<span style="color: #&&&&return&true;
<span style="color: #}
&&&&参数col接收要更新的列，参数num就是要更新的数，我们仔细看看第一个分支的逻辑：如果要更新的数不可以被二整除，说明此列的最低二进制位为1，将当前颜色设置为highlightColor，否则就设置为grayColor，然后在页面中找到id为col + "1"的img，并将其背景色设置为当前颜色。第二、三、四个分支分别控制其余的三个二进制位颜色，下面的任务就是调用该函数来做具体的显示了。
&&&&要显示时间，首先得从系统中读到数据，javascript有一个现成的对象是管理所有时间数据的，他就是Date，实例化这个对象后可以从中读到年月日分时秒等等信息，这里我们只需要分时秒，看看代码
&1function&timeit()
&3&&&&timenow&=&new&Date();
&4&&&&liteup("h1",&Math.floor(timenow.getHours()&/&<span style="color: #));
&5&&&&liteup("h2",&timenow.getHours()&%&<span style="color: #);
&6&&&&liteup("m1",&Math.floor(timenow.getMinutes()&/&<span style="color: #));
&7&&&&liteup("m2",&timenow.getMinutes()&%&<span style="color: #);
&8&&&&liteup("s1",&Math.floor(timenow.getSeconds()&/&<span style="color: #));
&9&&&&liteup("s2",&timenow.getSeconds()&%&<span style="color: #);
<span style="color: #&&&&setTimeout("timeit()",&<span style="color: #00);
<span style="color: #}
&&&&首先实例化一个Date对象，分别针对分时秒的十位个位调用上面定义的liteup函数，由于我们的二进制表大约隔一秒钟会跳动一下，所以设定一个推迟器，在这里再次调用此函数，这样二进制表就会不停的跳下去喽。
&&&&运行一下，咦，怎么没有跳动呢，而且浏览器也没有报错呀，摸不到头脑&#8230;&#8230;
&&&&原来timeit的循环是没有问题了，但还没有触发呢，第一次都没有运行起来，后面怎么能够循环呢，好，加入下面一行
<span style="color: #timeit();
&&&&再运行看看，没错，跳动了跳动了，试试你能在一秒内准确的读出时间吗（如果反应时间大于1秒，你将永远读不准时间了，）o(&#8745;_&#8745;)o...哈哈，别灰心习惯了你就能向别人显摆了
&&&&这样就完成了吗，怎么代码长的这么不习惯，跟C似的，没错，这里是个不折不扣的过程编程，今后要是我想加些效果或是其它方面的扩展，还得再加过程，啊，C的噩梦又回来啦？不行，我要面向对象，听说javascript是面向对象的哦，下一篇再改吧，休息，休息&#8230;&#8230;
&posted on
阅读(...) 评论()一个4位的二进制加法计数器，由0000状态开始，经过20个时钟脉冲后，此计数器的状态为多少？_百度知道
一个4位的二进制加法计数器，由0000状态开始，经过20个时钟脉冲后，此计数器的状态为多少？
我有更好的答案
　　4位二进制加法计数器经过16个脉冲计数后又还原为0000，因此，剩下的脉冲为20-16=4，十进制的4=二进制的100，对于4位的二进制，就是0100。所以经过20个时钟脉冲后这个计数器的状态为0100。
采纳率：82%
20d = 10100b因此状态为0100。 百度嫌我字数不够
5位二进制计数器，从0为31个脉冲，在变为00000是32个脉冲，4个循环后，32*4=128
156-128=28将28变为二进制数
得为 11100
此计数器状态为11100
1条折叠回答
为您推荐：
时钟脉冲的相关知识
&#xe675;换一换
回答问题，赢新手礼包&#xe6b9;
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。代码是如何控制硬件的？ - 知乎有问题，上知乎。知乎作为中文互联网最大的知识分享平台，以「知识连接一切」为愿景，致力于构建一个人人都可以便捷接入的知识分享网络，让人们便捷地与世界分享知识、经验和见解，发现更大的世界。<strong class="NumberBoard-itemValue" title="被浏览<strong class="NumberBoard-itemValue" title="7,699分享邀请回答49491 条评论分享收藏感谢收起93274 条评论分享收藏感谢收起||||||||||||||||||
查看: 6144|回复: 8
在线时间456 小时经验值885 最后登录注册时间帖子阅读权限70UID5134437
学士, 积分 885, 距离下一级还需 215 积分
TA的每日心情怒 08:54签到天数: 1 天[LV.1]初来乍到
G币105 最后登录注册时间
竖着的一共六排，代表的时间比如 11:20:35&&一排代表一个数字。 二进制我以前学的昨天还百度了一下想起来了。。。。逢二进1哈哈哈 以4个空心点为例（两个空心点是为什么呢？因为一天24小时，那个位子最高也就到2了哈哈哈= =。。。）请从下往上算起，第一个空格是1 第二个空格是2 第三个空格是4 第四个空格是8 ！！！！！然后以最后一排为例，秒针走的是1秒2秒3秒4秒5秒6秒7秒8秒9秒10秒 11秒 12秒 13 秒其中1秒就是一个蓝点，2秒第二个点变蓝，3秒哇塞 第一个和第二个点都蓝了咧！！！！好神奇哦！！！以此类推= =。。。p.s(我觉得我回到了小学啦~~：：：：：天马流星拳！！
、& && && && && && && && && && && && && && && && && && && && && && && && && && && && && && && && && && && && && & & && && &阿修
、& && && && && && && && && && && && && && && && && && && && && && && && && && && && && && && && && && && && && && && && && && &&&让我抱紧你，我的爱
<p id="rate_38369" onmouseover="showTip(this)" tip="居然还有和我一样无聊的人&经验值 + 2
" class="mtn mbn">
在线时间798 小时经验值963 最后登录注册时间帖子阅读权限70UID40161
学士, 积分 963, 距离下一级还需 137 积分
TA的每日心情郁闷 19:38签到天数: 1 天[LV.1]初来乍到
G币176 最后登录注册时间
哪里有二进制时钟？》
在线时间8 小时经验值639 最后登录注册时间帖子阅读权限60UID
大学本科, 积分 639, 距离下一级还需 61 积分
TA的每日心情开心 20:17签到天数: 35 天[LV.5]常住居民I
G币282 最后登录注册时间
什么二进制的时间。
在线时间211 小时经验值3296 最后登录注册时间帖子阅读权限100UID4065463
博士, 积分 3296, 距离下一级还需 204 积分
TA的每日心情开心 10:28签到天数: 693 天[LV.9]以坛为家II
G币2034 最后登录注册时间
添加小部件里有个二进制时钟，不过我也不懂，所以不用那个~
在线时间6 小时经验值151 最后登录注册时间帖子阅读权限40UID5361299
高中生, 积分 151, 距离下一级还需 49 积分
该用户从未签到
G币7 最后登录注册时间
知道二进制就知道怎么看
在线时间0 小时经验值84 最后登录注册时间帖子阅读权限30UID
初中生, 积分 84, 距离下一级还需 16 积分
该用户从未签到
G币83 最后登录注册时间
十进制& && &二进制
0& && && && & 0
1& && && && & 1
2& && && && & 10
3& && && && & 11
4& && && && & 100
5& && && && & 101
6& && && && & 110
7& && && && & 111
8& && && && & 1000
9& && && && & 1001
这样看明了一些.&&求提取4.1二进制时钟程序.
在线时间638 小时经验值1481 最后登录注册时间帖子阅读权限80UID2633261
研究生, 积分 1481, 距离下一级还需 219 积分
TA的每日心情慵懒 19:40签到天数: 5 天[LV.2]偶尔看看I
G币206 最后登录注册时间
8、4、2、1，自己加着来就是，楼主写的太麻烦很多人看不懂的
在线时间9 小时经验值245 最后登录注册时间帖子阅读权限50UID
大学专科, 积分 245, 距离下一级还需 155 积分
TA的每日心情无聊 08:47签到天数: 8 天[LV.3]偶尔看看II
G币11 最后登录注册时间
上个图解吧
在线时间41 小时经验值302 最后登录注册时间帖子阅读权限50UID
大学专科, 积分 302, 距离下一级还需 98 积分
TA的每日心情无聊 19:00签到天数: 22 天[LV.4]偶尔看看III
G币9 最后登录注册时间
虽然懂，但是没用那个，太麻烦，看时间就图一个简单，瞄一眼就好
浏览过的版块
Powered by}