`

JavaScript中获取时间的几种方法

 
阅读更多

 

 

在JavaScript中获取时间的方法有多种,一般可以引用moment.js这个库来获取时间,还可以通过自己编写代码来获取时间。

 

在moment.js中获取时间就涉及到了moment.js的下载和引用,这个详情可以去官网查看(http://momentjs.cn/timezone/),我们说一下配置好moment.js后,怎么获取时间。

 

 

对于当前的时间的获取:

 

 

 moment().format('L');    // 2018-03-01
moment().format('l');    // 2018-03-01
moment().format('LL');   // 2018年3月1日
moment().format('ll');   // 2018年3月1日
moment().format('LLL');  // 2018年3月1日晚上6点02分
moment().format('lll');  // 2018年3月1日晚上6点02分
moment().format('LLLL'); // 2018年3月1日星期四晚上6点02分
moment().format('llll'); // 2018年3月1日星期四晚上6点02分

 

 

还可以日期格式化

 

 

moment().format('MMMM Do YYYY, h:mm:ss a'); // 三月 1日 2018, 6:08:27 晚上
moment().format('dddd');                    // 星期四
moment().format("MMM Do YY");               // 3月 1日 18
moment().format('YYYY [escaped] YYYY');     // 2018 escaped 2018
moment().format();                          // 2018-03-01T18:08:27+08:00

 

 

上述的功能需要在引用moment.js后实现的。

 

还有一种自己写代码来完成

 

 

 

function time(){ 
      var myDate = new Date();
      var year=myDate.getFullYear();  
      var month=myDate.getMonth(); 
      var newMonth = (month+1)>9?(month+1):"0"+(month+1);   //   03月
      var day=myDate.getDate(); 
      var newday = day>9?day:"0"+day;       //   09日
      var hours=myDate.getHours();
      var newhours = hours>9?hours:"0"+hours; //   06时
      var minutes=myDate.getMinutes();  
      var newminutes = minutes>9?minutes:"0"+minutes;   //  06分
      var seconds=myDate.getSeconds();
      var newseconds= seconds>9?seconds:"0"+seconds;     // 03秒
      var now_time= year+"年"+ newMonth+"月"+newday+"日 "+ newhours+":"+newminutes+":"+newseconds;
      return now_time
}
 var now_time=time();
console.log(now_time)
//输出当前时间  例如 2018年03月01日 18:13:49

 

 上面的代码可以根据我们需要的是时间的格式来进行改变

 

如果不需要再月份或者几号前面加0的话 代码段的  var newMonth = (month+1)>9?(month+1):"0"+(month+1);取消,相应的代码略微改动即可。

 

 还有一点需要记住  月份的获取是0-11所以要在获取的月份+1才是当前的月份

 

 

 

 还有一种就是获取相对时间

 

moment("20111031", "YYYYMMDD").fromNow(); // 6 年前
上行代码是获取20111031相对于当前的时间 因为20111031到20180331是6年6个月,今天是20180302多出的月份小于6个月舍去 所以是6年前

moment("20120620", "YYYYMMDD").fromNow(); // 6 年前
上行代码是获取20120620相对于当前的时间 因为20120620到现在20180302是5年7个月多出的7个月大于半年所以进位1年 所以是6年前

moment().startOf('day').fromNow();        // 11 小时前
上行代码是获取 上一天相对于现在过去了多少小时 比如现在是10.34 分钟大于30分钟,进位1小时,所以相对于现在上一天是11小时前

moment().startOf('day').fromNow();        // 10 小时前
上行代码是获取 上一天相对于现在过去了多少小时 比如现在是10.29 分钟小于30分钟 ,舍去29分钟,所以相对于现在上一天是10小时前

moment().endOf('day').fromNow();          // 13 小时内
上行代码是获取 下一天相对于现在差多少小时,也可以说是还有多久到下一天。 比如现在是10.34 分钟大于30分钟 ,进位1小时,所以进位到11点 所以还有13个小时到下一天

moment().endOf('day').fromNow();          // 14 小时内
上行代码是获取 下一天相对于现在差多少小时,也可以说是还有多久到下一天。 比如现在是10.29 分钟小于30分钟 ,舍去29分,所以现在时间为10点 所以还有14个小时到下一天

moment().startOf('hour').fromNow();       // 34 分钟前
上行代码是获取  上个整点到现在过了多久 ,也是多少分钟前是整点 比如现在是10.34 所以上个整点10点是 34分钟前  

 

 

 

 以上为个人理解,如有错请告知。

 

分享到:
评论

相关推荐

    JavaScript获取系统时间(转载)

    在探讨如何利用JavaScript获取系统时间之前,我们先来理解一下JavaScript中的Date对象,它是处理日期和时间的关键。Date对象提供了多种方法,可以用来获取当前或指定的日期和时间信息,包括年、月、日、小时、分钟、...

    Javascript刷新页面的几种方法

    本文将详细介绍几种常见的使用JavaScript刷新页面的方法,并解释它们的工作原理。 #### 1. 使用`history.go(0)` `history.go(0)`会重新加载当前文档。这个方法与`location.reload()`的效果相同,但它的实现方式...

    javascript实现获取服务器时间

    本文将介绍几种使用JavaScript获取服务器时间的方法。 首先,一种常见的方法是通过创建AJAX请求到服务器,并从服务器端获取时间。使用AJAX请求可以避免刷新页面而重新获取时间。在上面给出的代码示例中,定义了一个...

    JavaScript显示系统时间.rar

    `getDay()`方法返回一周中的第几天,其中0代表周日,1-6分别代表周一到周六。我们可以根据返回值来设置不同的颜色。比如: ```javascript var daysOfWeek = ['周日', '周一', '周二', '周三', '周四', '周五', '...

    javascript获取当月天数

    JavaScript 的 `Date` 对象提供了一系列的方法来处理日期和时间。我们可以通过创建一个特定月份的 `Date` 对象,并将其日期设置为该月的第一天或最后一天来获取该月的天数。 ##### 示例代码: ```javascript ...

    JavaScript在浏览器标题栏上显示当前日期和时间的方法

    在JavaScript中,可以使用new Date()来创建一个日期时间对象,并使用该对象的各种方法来获取年、月、日、时、分、秒等信息。 其次,方法中使用了定时器函数setInterval()来定时执行JavaScript代码,以及...

    js获取当前时间

    2. **获取时间值**: - `Date.now()`:返回当前时间距离1970年1月1日(UTC)的毫秒数。 - `date.getTime()`:返回`Date`对象表示的日期和时间距离1970年1月1日(UTC)的毫秒数。 3. **获取日期和时间组件**: - ...

    javascript关于“时间”的一次探索

    可以通过以下几种方式创建`Date`对象: 1. `new Date()`:创建当前时间。 2. `new Date(value)`:根据自1970年1月1日以来的毫秒数创建时间。 3. `new Date(dateString)`:使用时间字符串创建时间。 4. `new Date...

    几个JavaScript的时间控件

    例如,`new Date()`可以创建一个表示当前日期和时间的新实例,`getDate()`和`getHours()`等方法则用于获取日期和时间的各个部分。然而,对于更复杂的用户界面,比如日历或时钟控件,单纯使用Date对象可能不够。 一...

    常用javascript语句大全

    在JavaScript中,`document.write()` 方法用于将指定的内容写入正在加载的文档中。这通常用于动态创建网页内容。 #### 2. JS中的注释为`//` 在JavaScript中,有两种注释方式:单行注释(`//`)和多行注释(`/* */`...

    javascript常用方法

    JavaScript 支持以下几种数据类型: - `String`: 由字符组成的序列。 - `Number`: 数值。 - `Boolean`: 只有两个可能的值:`true` 或 `false`。 - `Null`: 特殊类型的值,表示尚未存在的值。 - `Object`: 包括数组、...

    基于JavaScript的数字时钟

    在JavaScript中,获取当前时间是通过`Date`对象来完成的。创建一个新的`Date`实例将返回当前日期和时间,然后可以通过`Date`对象的方法获取各种时间属性,例如小时、分钟和秒。例如: ```javascript var now = new ...

    javascript 跨frame时间控件

    JavaScript跨frame时间控件是一种在网页中实现时间控制功能的技术,尤其适用于多frame或iframe环境。在这样的场景下,开发者可能需要在不同的frame之间共享时间信息或者同步时间操作,例如计时器、倒计时或者时间...

    详解JavaScript UTC时间转换方法

    由于JavaScript的Date对象内部以本地时间表示所有日期和时间,当使用UTC相关的方法获取时间值时必须使用getUTC***()方法而不是get***()方法,因为后者获取的是本地时间。如果混淆使用,可能会导致时间转换错误。 ...

    javascript背景时钟实现方法.docx

    JavaScript 背景时钟实现方法是一种使用 JavaScript 实现时钟背景效果的方法,该方法主要介绍了 JavaScript 背景时钟实现方法,涉及 JavaScript 时间及页面元素样式的相关操作技巧。 时钟显示位置 在该方法中,...

    javascript获取当月第一天和最后一天

    标题“javascript获取当月第一天和最后一天”涉及的是JavaScript编程中的日期处理技术,特别是如何获取当前月份的第一天和最后一天的日期。JavaScript的Date对象是处理日期和时间的主要工具,但默认方法并不直接提供...

    js、jquery实时显示时间的几种方法

    在JavaScript和jQuery中,实时显示时间是一个常见的需求,特别是在网页应用中。这涉及到对日期和时间的处理,以及定时更新页面元素。以下是一些实现这一功能的方法: 1. **JavaScript原生方法** JavaScript提供了...

    javascript 日期控件带时间

    JavaScript 日期控件是网页开发中常用的一种交互元素,它允许用户方便地选择日期和时间。在JavaScript中,处理日期和时间主要依赖于内置的`Date`对象。本篇文章将详细探讨如何创建一个带有时间选择功能的JavaScript...

    Ajax无刷新异步调用后台方法获取系统时间显示

    Ajax是一种在客户端利用JavaScript与服务器进行通信的技术,主要由以下几个关键组件组成: 1. **XMLHttpRequest对象**:这是Ajax的基础,它提供了一个在后台与服务器通信的接口,可以在不刷新页面的情况下发送和...

Global site tag (gtag.js) - Google Analytics