时钟
最简单的时钟制作办法是通过正则表达式的exec()方法,将时间对象的字符串中的时间部分截取出来,使用定时器刷新即可
rush:js;">
倒计时
【1】简易倒计时
简易倒计时就是每1s通过setInterval将设置的时间减去1来达到要求
rush:js;">
【2】精确倒计时
由定时器的运行机制,我们知道每间隔1000ms去改变时间的作法并不可靠。更精确地做法,应该是与系统的运行时间作为参照,倒计时的时间变化与系统的时间变化同步,达到精确倒计时的效果
[注意]此部分中,需要通过取模运算和除法运算进行时、分、秒的计算,详细情况移步至此
rush:js;">
时
分
秒
秒表
【1】简易秒表
秒表与倒计时的思路相同,相比而言,更加简单。每间隔100ms增加100ms即可
rush:js;">
【2】精确秒表
与倒计时类似,使用计时器的时间间隔作为时间变化的参照是不准确的。更精确的做法,应该是使用系统的时间变化作为秒表的变化的参照
rush:js;">
闹钟
闹钟其实就是在时钟的基础上增加一个预定时间设置,闹钟设置需要将设置时间转换成距离1970年1月1日的毫秒数,然后再算出与当前时间的差值。随着当前时间的不断增加,当差值为0时,闹钟响起