javascript-定时器演练-时钟-Date类

目标:时钟

 

 

 

获取DIV对象

 

javascript-定时器演练-时钟-Date类

 

 

 

 

时间类对象

new Date()

可以得到一个时间对象

 

javascript-定时器演练-时钟-Date类

 

试一下Date()的效果

javascript-定时器演练-时钟-Date类

 

得到的sNow是时间对象

当前时间的对象

 

通过对象.方法()

可以获得一些返回值

 

获取年份的方

getFullYear()

 

获取月份的方法

getMonth()

返回值是0-11

因此拿到值后要+1来修正一下

 

获取日期

getDate()

 

获取星期

getDay()

值从0到6

 

获取时间

getHours()

 

获取分钟

getMinutes()

 

获取秒数

getSeconds()

 

上述得到的全部都是字符串

字符串的拼接

变量 = 字符串1 + 字符串n

 

代码

javascript-定时器演练-时钟-Date类

 

周的整数值转换为中文内容

javascript-定时器演练-时钟-Date类

 

把单数变双数

例如3分钟,变为03分钟

写一个函数

调用就可

javascript-定时器演练-时钟-Date类

 

 

主体的代码

javascript-定时器演练-时钟-Date类

 

 

 

 

 增强:让时间自动更新

一,把时间生成的内容,封装为一个功能函数

javascript-定时器演练-时钟-Date类

 

二,用定时器来调这个函数

javascript-定时器演练-时钟-Date类

 

三,解决刚运行时空一秒钟的情况

明确原因

空一秒钟的原因是因为

定时器一秒钟以后才会执行时间生成的函数

解决办法

刚启动的时候

手动调一下函数,即可

javascript-定时器演练-时钟-Date类