定时器的实战--数码时钟

时间:2021-08-29 21:19:57

定时器的作用:规定每隔多少时间会做某个事情。

1.开启定时器:

setInterval(函数,间隔时间):等一秒中才会执行,间隔型,一旦启动便不会停止。

setTimeout(函数,间隔时间):延时型,只执行一次。

2.停止定时器:

clearInterval(关闭某个定时器):由于一个网页中可能会有多个定时器,所以在关闭时一定要清楚自己关闭的是哪个定时器,因此最好给定时器加个变量,以便后来的关闭,如:var timer=null;timer=setInterval(....);

clearInterval(timer);

clearTimeout(关闭某个定时器):

例子:

定时器的实战--数码时钟

定时器的实战--数码时钟

实战:

数码时钟:

效果思路:

A、获取系统的时间:

声明一个对象用来获取系统时间:var oDate = new Date();

Date对象:用于获取系统的各种时间,如现在是几点几分等,

Date对象方法:getHours (获取小时), getMinutes (获取分钟), getSeconds(获取秒),getFullYear(获取年),getMonth(获取月),getDate(获取日),getDay(获取星期)。

    B. 显示系统的时间

字符串连接:var str=""+oDate.getHours()+ oDate.getMinutes()+ oDate.getSeconds();

空位补零:用if语句进行判断,如果数字小于10,也就是说若是一位数,那么要给之前补零,如:01。

If(num<10)

Return “0”+num;

Else

Return num;

C. 设置图片路径:

charAt方法:表示取得第几个字符串位上的字符,如str=“fhuhf”

str.charAt(0)=“f”;

代码如下:

定时器的实战--数码时钟

定时器的实战--数码时钟定时器的实战--数码时钟