JavaScript数字时钟代码
数字时钟的 JavaScript 代码还挺实用的,适合想给网页加点动态效果的你。HTML 结构就一个表单和文本框,写起来简单清晰,form
+input
组合,显示效果也够直观。CSS 样式嘛,字体设置得比较大,颜色红得醒目,width: 180px
刚刚好,不占地方还显眼。
核心逻辑都在aClock()
这个函数里,主要是用new Date()
搞到当前时间,再拼成字符串,像08:05:09A.M.
这种格式的。用了点小技巧,比如(min < 10>,个位数补零的问题,逻辑挺清晰的。
更新机制靠setTimeout("aClock()", 1000)
,每秒刷新一次时间,看起来就是一直在跳的数字。想让它一上来就跑,直接在body
标签加onload="aClock()"
,加载完就走起,不用多点一步。
这段代码拿来当学习材料还不错,入门友好、结构清楚。你要是想加点东西,比如改成 24 小时制、显示日期、或者加点动效,也都方便扩展。唯一要注意的是兼容性,老浏览器上测试一下比较稳妥。
如果你刚学JavaScript
或者想给项目加点动态元素,这段代码可以说是个不错的起点。
798B
文件大小:
评论区