定时器的作用:规定每隔多少时间会做某个事情。
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”;
代码如下: