今天在家突然想整个显示时间的小东西，要精确到秒那种，不是为了别的，就是觉得看那些只显示分钟的表太敷衍了。我想着弄个简单点儿的，就靠电脑搞一搞。翻出老笔记本，打开浏览器就开始瞎捣鼓。
第一步：打开网页瞎找办法
我寻思网页上搞应该最省事，不用安装什么软件。开机启动浏览器，打开空白页面，先搜搜看别人咋做的。结果一堆教程都是写代码的玩意儿，可我这编程半桶水水，差点放弃。后来瞅见一个法子，说是用啥JavaScript就能行。我在记事本里新建个文件，命名成“时间显示.html”，双击打开它，开始胡敲代码。
先学着写点基本架子：
写上基本的HTML标签：
- 先打上< html >开头。
- 在< head >里放< title >我的精确时间< /title >。
- 在< body >里弄个空< div >。
这步没啥难的，就是复制粘贴点常见标签，一拉就完事。
第二步：添上显示秒数的代码
搞完架子，我琢磨咋把时间精确到秒插进去。教程说要用< script >标签写个JavaScript函数。我就瞎写了个：
在< body >里加了句：
- function showTime() {
- var now = new Date();
- var hours = *();
- var minutes = *();
- var seconds = *();
- return hours + ":" + minutes + ":" + seconds;
还接着写了个定时刷新，让每秒钟更新一次：
- setInterval(function() {
- *("time").innerHTML = showTime();
- }, 1000);
保存文件后，我双击打开HTML文件，结果浏览器上一片空白！当时有点蒙圈，查了半天发现忘给那个< div >加ID了。
第三步：修正问题试运行
搞错这点小事后，我在< body >里加了< div id="time" >< /div >，重新保存刷新。这下屏幕上蹦出时间了，但看着怪怪的，有时跳秒不准，慢半拍。我猜是浏览器缓存作妖，清空缓存再试，还是不行。后来我想，是不是代码没对齐？就把函数和定时器拼一起重写：
- 在< script >里一股脑塞进去所有代码。
- 加个初始加载：* = showTime; 试试效果。
折腾十分钟，终于搞定了！浏览器里显示出小时、分钟、秒数，清清楚楚。我把笔记本搬到客厅，盯着看了一分钟，每秒钟准时跳数，一点不差。
效果总结
现在打开那个HTML文件，时间就哗哗显示到秒，还挺实用。我用它看儿子练琴的计时，再不用盯着手机闹钟了。整个过程没啥高级玩意儿，就靠笨办法反复试，记住几点：标签别漏、代码堆一块、多刷新两遍。简单？下次谁要我再分享细节。
