定时器及数码时钟

定时器的作用

1. 开启定时器

• setInterval   间隔型

隔2000ms也就是2s就弹出一次a。

 

• setTimeout  延时型
• 两种定时器的区别：

上一种是隔2s就会运行一次，而下一种是隔了2s运行一次之后就不运行了。

1. 停止定时器

• clearInterval：

用法：clearInterval(输入需要关闭的定时器的名字)

比如：，

给定时器设一个名字叫timer，关闭时只要把这个名字输入就可以了。

• clearTimeout

数码时钟

1. 获取系统时间：

• Date对象：用来获取日期和时间的

getHours（）获取小时

getMinutes( ) 获取分钟

getSeconds( ) 获取秒数

getFullYear( ) 获取年份

getMonth( )  获取月份

getDate( )  获取日份

getDay( )   获取星期

 

1. 粗略设计时钟：

但是这样设计完之后，只有刷新一下，时钟才变化一下，所以就需要定时器来自动刷新时间。

将这些功能放入setInteval中，每一秒钟变化一次。

setInterval（function( ) {插入功能 }，1000）可能上面的笔记讲的不清楚setInterval的功能是怎么用的，因为上面是先设了funtion show（），只要把show写到setInterval中就行了，这里是直接在setInterval中设function功能。

如果换成上面那种写法：

 

1. 浏览器兼容：

写成str[i]的形式可能有的低版本浏览器不兼容，这就需要写成str.charAt(i)

 

1. 总结一下设计数码时钟的思路：