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

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

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”；

代码如下：

定时器的实战--数码时钟相关推荐

js定时器与数码时钟案例（源码及备注）
js定时器与数码时钟案例开启定时器 1.setInterval 间隔型 setInterval(参数一,参数二); 第一个参数是一个函数,第二个参数是时间(单位是毫秒) 意思就是每隔多长时间执行一次 ...
定时器的应用（三）：数码时钟
数码时钟数码时钟:也可以称为电子表,是应用实时定时器的典型案例.下面我来为大家介绍一下如何做成以下形式的数码时钟. (上面所有的数字.文字都是图片形式的.) (一)首先,我们用HTML语句来搭建一个 ...
单片机定时器实现的数字时钟
利用51单片机的定时器,设计一个数字时钟,具有时间.年月日和星期显示功能,并且可以通过按键设置调整年时间年月日和星期的功能. 1.系统功能模块图系统主要有LED灯显示模块.电源模块.单片机最小系统. ...
JavaScript之数码时钟
下面,我就教大家如何利用JavaScript做一个简单的数码时钟. 在做之前我们需要在网上找到从0-9的10张数字图片,保存到一个文件夹里面,并将数字图片对应为相应的数字,作为我们的素材工具. 具体步 ...
基于JavaScript的数码时钟
用JavaScript+html+css做的一个简易的数码时钟,具有一定的观赏性,Demo效果: 具体步骤如下: 数码时钟的做法思路就是:给出六张图片,分别对应"时分秒"六个数字, ...
时钟加闹钟c语言程序,求单片机数码时钟带闹铃的C程序？
数码时钟的程序,应该说很简单,就是通过编程先建立一个时基源,继而获得1秒的时基信号,并累加获得分信号.时信号,至于显示控制,则根据电路原理进行控制即可:当时编写这段程序时,并未加入闹铃功能,原以为闹铃 ...
51单片机（四）定时器中断（+数码管——24小时制钟表）
定时器中断一.中断 1.中断概念 2.中断嵌套二.中断源(优先级顺序必记!) 三.中断允许寄存器IE和中断优先级寄存器IP 1.中断允许寄存器IE(Interrupt Enable ) 2.中断优 ...
js实现动态数码时钟
数码时钟在写数码时钟之前,你需要准备0-9数字的图片,你可以自己在网上找,也可以通过ps自己制作喜欢的图片(图片要重命名为"数字".jpg),下面我给大家简单介绍一下,数码时钟的 ...
JavaScript-定时器的使用之数码时钟
JavaScript-定时器的使用之数码时钟知识点: 1.用JS获取当前时间: 1)Date对象. 2)getFullYear().getMonth()+1.getDate().getDay(). ...

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

定时器的实战--数码时钟相关推荐

最新文章

热门文章