定时器及数码时钟
定时器的作用
- 开启定时器
- setInterval 间隔型
隔2000ms也就是2s就弹出一次a。
- setTimeout 延时型
- 两种定时器的区别:
上一种是隔2s就会运行一次,而下一种是隔了2s运行一次之后就不运行了。
- 停止定时器
- clearInterval:
用法:clearInterval(输入需要关闭的定时器的名字)
比如:,
给定时器设一个名字叫timer,关闭时只要把这个名字输入就可以了。
- clearTimeout
数码时钟
- 获取系统时间:
- Date对象:用来获取日期和时间的
getHours()获取小时
getMinutes( ) 获取分钟
getSeconds( ) 获取秒数
getFullYear( ) 获取年份
getMonth( ) 获取月份
getDate( ) 获取日份
getDay( ) 获取星期
- 粗略设计时钟:
但是这样设计完之后,只有刷新一下,时钟才变化一下,所以就需要定时器来自动刷新时间。
将这些功能放入setInteval中,每一秒钟变化一次。
setInterval(function( ) {插入功能 },1000)可能上面的笔记讲的不清楚setInterval的功能是怎么用的,因为上面是先设了funtion show(),只要把show写到setInterval中就行了,这里是直接在setInterval中设function功能。
如果换成上面那种写法:
- 浏览器兼容:
写成str[i]的形式可能有的低版本浏览器不兼容,这就需要写成str.charAt(i)
- 总结一下设计数码时钟的思路: