目标：时钟

获取DIV对象

时间类对象

new Date()

可以得到一个时间对象

试一下Date()的效果

得到的sNow是时间对象

当前时间的对象

通过对象.方法（）

可以获得一些返回值

获取年份的方

getFullYear()

获取月份的方法

getMonth()

返回值是0-11

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

获取日期

getDate()

获取星期

getDay()

值从0到6

获取时间

getHours()

获取分钟

getMinutes()

获取秒数

getSeconds()

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

字符串的拼接

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

代码

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

把单数变双数

例如3分钟，变为03分钟

写一个函数

调用就可

主体的代码

增强：让时间自动更新

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

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

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

明确原因

空一秒钟的原因是因为

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

解决办法

刚启动的时候

手动调一下函数，即可

javascript-定时器演练-时钟-Date类相关推荐

JavaScript制作的时钟
JavaScript制作的时钟分享一个自己制作的时钟.算是低级版的吧,秒钟分钟时钟都是可以获取到时间,根据时间来动的.是动态的. 效果图如下: 制作之前肯定要先把钟的各个部件画出来,然后加上样式,最 ...
数字时钟html脚本,javascript实现数字时钟效果
本文实例为大家分享了javascript实现数字时钟效果的具体代码,供大家参考,具体内容如下效果图需求分析 1.通过date获取时间 2.通过间隔定时器setInterval动态获取时间 3.间隔 ...
javascript 总结（常用工具类的封装）（转）
转载地址:http://dzblog.cn/article/5a6f48afad4db304be1e7a5f javascript 总结(常用工具类的封装) JavaScript 1. type 类型 ...
Javascript 判断 object 的特定类
大家都知道 Javascript 的 typeof 可以获取变量的类型, 但是 typeof 返回值只有六种 "number," "string," " ...
javascript 总结（常用工具类的封装，转）
javascript 总结(常用工具类的封装) 前言因为工作中经常用到这些方法,所有便把这些方法进行了总结. JavaScript 1. type 类型判断 isString (o) { //是否字 ...
Java日期和时间JDK—API1.6.0（Date类、Calendar类）
java.util,Date Java在java.util包中提供了Date类,这个类封装了当前的日期和时间: 所有已经实现的接口:Serializable Cloneable ...
JavaScript定时器原理分析
JavaScript中的定时器大家基本在平时的开发中都遇见过吧,但是又有多少人去深入的理解其中的原理呢?下面我们就来分析一下定时器的实现原理. 一.储备知识在我们在项目中一般会遇见过这样的两种定时器 ...
学习String类和日期Date类，看这一篇就够了
写在前面,Java基础系列文章都是作者基于b站尚硅谷的Java基础视频所做的笔记,没有时间的同学可以认真看看,如果有时间的同学,还是建议看看视频,毕竟笔记说到底还是自己的东西,每个人的习惯也是不一样的 ...
java date类时区_Java时区转换及Date类实现原理解析
这篇文章主要介绍了Java时区转换及Date类实现原理解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下一.时区的说明地球表面按经线从东到西,被 ...

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