关于Date()构造函数

Date()构造函数是javascript的核心语言部分，用来创建表示时间和日期的对象。这些日期对象的方法为日期计算提供了简单的API。日期对象不是数字那样的基本类型。

简单实例

下面列举几个简单的实例来认识一下我们的这位新朋友：

var then = new Date(2019, 2 ,2); //2019年3月2日
var later = new Date(2019, 2 ,2, 17, 22, 24); //2019年3月2日5:22:24pm
var now = new Date(); //当前日期和时间
var elapsed = now - then; //日期减法：计算时间间隔的毫秒数
later.getFullYear() //=>2019
later.getMonth() //=>2：从0开始计数的月份
later.getDate() //=>2：从1开始计数的天数
later.getDay() //=>5：获取星期几，0代表星期日，1到6分别对应星期一到星期六
later.getHours() //=>17：获取小时数
later.getMinutes() //=>22：获取分钟数
later.getSeconds() //=>24：获取秒数

上边的几个实际应用体现出了我们的时间构造函数的强大之处，接下来我们就写一个简单的小功能，来实际演练一下。

用Date()构造函数创建时钟

<div id="clock"></div><script>//创建时间函数;!(function clock(){var now = new Date();var Y = now.getFullYear();var m = getRealTime(now.getMonth()+1);var d = getRealTime(now.getDate());var H = getRealTime(now.getHours());var i = getRealTime(now.getMinutes());var s = getRealTime(now.getSeconds());var now_time = Y +'-'+ m +'-'+ d +' '+ H +':'+ i +':'+ s;document.getElementById('clock').innerHTML = now_time;//一秒钟运行一次时间函数setTimeout(clock,1000);})();//时间处理函数;function getRealTime(str){if(str < 10){return '0'+str;}return str;}</script>

这样我们就创建了一个简单的时间计数器，还有更多好玩的功能，大家可以在实际生产中慢慢摸索，体验js的魅力。

JS中的日期和时间详解相关推荐

js中toString()和String()区别详解
转载自 js中toString()和String()区别详解我们知道String()与 .toString()都是可以转换为字符串类型,但是String()与 .toString()的还是有区别的 ...
vue在created调用点击方法_vue.js中created方法的使用详解
这次给大家带来vue.js中created方法的使用详解,使用vue.js中created方法的注意事项有哪些,下面就是实战案例,一起来看一下. 这是它的一个生命周期钩子函数,就是一个vue实例被生成 ...
Java日期和时间详解
日期和时间时间线 Java的Date和TimeAPI规范要求Java使用的时间尺度为: 每天86400秒每天正午与官方时间精确匹配在其他时间点上,以精确定义的方式与官方时间接近匹配这赋予了Ja ...
js中的preventDefault与stopPropagation详解（转）
先讲解一下js中preventDefault和stopPropagation两个方法的区别: preventDefault方法的起什么作用呢?我们知道比如<a href="http:/ ...
js中转换json对象方法详解及使用案例
JSON(JavaScript Object Notation)是一种轻量级的数据交换格式.因为采用独立于语言的文本格式,也使用了类似于C语言家族的习惯,拥有了这些特性使使JSON称为理想的数据交换语 ...
php模拟红绿灯,JS 中使用Promise 实现红绿灯详解
本文通过实例代码给大家介绍了JS 中使用Promise 实现红绿灯效果,在文中给大家介绍了一个promise用法例子,需要的朋友可以参考下,希望能帮助到大家. 要求使用promise 实现红绿灯颜色的 ...
JS中的事件委托 / 代理详解
[前言] 事件委托/代理是前端面试的经典题型,要去找工作的小伙伴看看还是有帮助的 [主体] 概述: 那什么叫事件委托呢?它还有一个名字叫事件代理,JavaScript高级程序设计上讲:事件委托就是利用 ...
js中的preventDefault与stopPropagation详解
1. preventDefault: 比如<a href="http://www.baidu.com">百度</a>,这是html中最基础的东西,起的作用就 ...
行为模型实例 php,JS中事件模型的实例详解
之前对事件模型还是比较清楚的,许多概念都清晰映射在脑海中.工作之后,一方面使用的局限性,二是习惯于用框架中的各种事件监听方式,简单即方便,久而久之,事件的一些概念开始淡出记忆中,就像我现在已经开始 ...

JS中的日期和时间详解

JS中的日期和时间详解

关于Date()构造函数

简单实例

用Date()构造函数创建时钟

JS中的日期和时间详解相关推荐

最新文章

热门文章