定时器的实战--数码时钟
来源:互联网 发布:怎么看手机mac地址 编辑:程序博客网 时间:2024/05/16 08:02
定时器的作用:规定每隔多少时间会做某个事情。
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”;
代码如下:
- 定时器的实战--数码时钟
- 定时器的应用(三):数码时钟
- JavaScript-定时器的使用之数码时钟
- 定时器实现数码时钟
- 基于JavaScript的数码时钟
- javascript学习笔记9,10---定时器+数码时钟
- 数码时钟
- 数码时钟
- 数码时钟
- 数码时钟
- 数码时钟
- 数码时钟
- 数码时钟
- 数码时钟
- 定时器的时钟
- STM32定时器的时钟源
- 时钟、定时器的一个例子
- STM32F407的定时器时钟频率
- 什么是 MVC 模式?
- Oracle EBS AP发票接口导入
- Hdu 4454 Stealing a Cake(枚举或三分)
- App系列------如何动态修改dev_attr的值
- Windows下编写Shell脚本出现的‘: not a valid identifier
- 定时器的实战--数码时钟
- vtkContourWidget
- 关于Web Service和Rest Service的理解
- SpringMVC整合Quartz
- centos7知识
- C#控制台基础 helloworld之 使用扩展方法输出
- (二十)maven实践-私服搭建
- Python学习笔记
- 关于注解框架ButterKnife的一些事