Js时间对象Date指南教程_时间入门基础教程

写在前面:时间是物理学七大常量之一。生活中记录时间有两种方式(或者说有两种计时系统):GMT(格林尼治时间)和UTC(协调世界时间)。一、创建Date对象JS中的Date对象只能通过new关键字创建。var now = new Date();需要注意的是:若将Date()作为常规函数调用(即不加 new 操作符),则只会返回一个表示当地时间的字符串(UTC还

Js时间对象Date指南教程

写在前面:时间是物理学七大常量之一。生活中记录时间有两种方式(或者说有两种计时系统):GMT(格林尼治时间)和UTC(协调世界时间)。

Js时间对象Date指南教程_时间入门基础教程

一、创建Date对象

JS中的Date对象只能通过new关键字创建。

var now = new Date();

需要注意的是:若将Date()作为常规函数调用(即不加 new 操作符),则只会返回一个表示当地时间的字符串(UTC还是GMT?取决于浏览器的实现。),而非 Date 对象。

  另外,不像其他的 JavaScript 对象,Date 对象没有字面量语法。

创建时间对象时可以传递参数:

1、 不使用参数

var now = new Date();//"Mon Aug 12 2019 16:00:16 GMT+0800 (中国标准时间)"

2、 参数是一个表示时间的字符串

var now = new Date(“2019-08-12”);
//Thu Aug 12 2019 00:00:00 GMT+0800 (中国标准时间)
var now1 = new Date(“2019/08/12”);
//Thu Aug 12 2019 00:00:00 GMT+0800 (中国标准时间)

3、 参数是年/月/日/时/分/秒/毫秒

规则如下:

1 var  date = new Date(2019,08,12,0,0,0,0);
2 var date1 = new Date(2019,08,32);
3 console.log(date);//Thu Sep 12 2019 00:00:00 GMT+0800 (中国标准时间)
4 console.log(date1);//Wed Oct 02 2019 00:00:00 GMT+0800 (中国标准时间)

4、 参数是一个数字

返回一个1970-01-01 00:00:000至今的毫秒数。

var now = new Date(1565600413336);
console.log(now);//Mon Aug 12 2019 17:00:13 GMT+0800 (中国标准时间)

 

二 、Date对象的方法

1、  get类

//获取当前时间:
  var date = new date();//Mon Aug 12 2019 17:04:13 GMT+0800 (中国标准时间)
  //获取年:
  date.getFullYear();//2019
  //获取月: 
  date.getMonth();//07
  //获取日: 
  date.getDate();//12
  //获取时:
  date.getHours();//15
    //获取分:
   date.getMinutes();//4
  //获取秒:
  date.getSeconds();//13
  //获取毫秒:
  date.getMilliseconds()//445
   //获取1970-01-01 00:00:00至今的毫秒数:
   date.getTime();//1565600713445

2、  set类

//获取当前时间:
var date = new date();//Mon Aug 12 2019 17:04:13 GMT+0800 (中国标准时间)
//设置年:
date.setFullYear(2018);
date.getFullYear();//2018
//设置月: 
date.setMonth(6);
date.getMonth();//6
//设置日: 
date.setDate(16);
//设置时:
date.setHours(14);
//设置分:
date.setMinutes(03);
//设置秒:
date.setSeconds(12);
//设置毫秒:
date.setMilliseconds(0);

3、  获取时间的字符串表示

var date = new Date();//Mon Aug 12 2019 17:22:55 GMT+0800 (中国标准时间)
date.toString();//"Mon Aug 12 2019 17:22:55 GMT+0800 (中国标准时间)"
date.toLocaleString();//"2019/8/12 下午5:22:55"
date.toDateString();//"Mon Aug 12 2019"
date.toLocaleDateString();//"2019/8/12"
date.toTimeString();//"17:22:55 GMT+0800 (中国标准时间)"
date.toLocaleTimeString();//"下午5:22:55"

三、时间对象之间的计算

两个时间对象相减,得到的是他们相差的毫秒数。

var date = new Date();
var newDate;
setTimeout(function(){
    newDate = new Date();
    diff = newDate - date;
    console.log(diff);//5000
},5000);//5s之后给newDate设置时间对象

由于一些我们不可控原因,最终打印的值可能会在5000左右偏差,但不会太大。

海计划公众号
(0)
上一篇 2020/03/29 01:42
下一篇 2020/03/29 01:42

您可能感兴趣的内容

  • SpringMVC使用攻略EasyUI实现页面左侧导航菜单基础入门_easyui

    1. 效果图展示2. 工程目录结构注意: webapp下的resources目录放置easyui和js(jQuery文件是另外的)3. 代码index.jsp

    学生成绩管理系统 管理员后台<</p></div><div class="item-meta"> <span class="item-meta-li date">2020/03/26</span><div class="item-meta-right"></div></div></div></li><li class="item"><div class="item-img"> <a class="item-img-inner" href="https://wanghi.cn/202003/19421.html" title="Web 堆栈选择指南:JAMStack vs MEAN vs LAMP小白知识_指南小白知识" target="_blank" rel="bookmark"> <img width="480" height="300" src="https://wanghi.cn/wp-content/uploads/2023/04/h.jpg" class="attachment-default size-default wp-post-image j-lazy" alt="Web 堆栈选择指南:JAMStack vs MEAN vs LAMP小白知识_指南小白知识" decoding="async" data-original="https://wanghi.cn/wp-content/uploads/2020/01/099-480x300.jpg" /> </a> <a class="item-category" href="https://wanghi.cn/baike/web" target="_blank">Web前端</a></div><div class="item-content"><h4 class="item-title"> <a href="https://wanghi.cn/202003/19421.html" target="_blank" rel="bookmark"> Web 堆栈选择指南:JAMStack vs MEAN vs LAMP小白知识_指南小白知识 </a></h4><div class="item-excerpt"><p>开发人员需要做的决策有很多。当 Web 应用程序的需求确定下来之后,就该选择效率最高的 Web 技术栈了。Web 技术栈是用于创建 Web 应用程序的技术工具集。一套 Web 技术栈由 OS(操作系统)、Web 服务器、数据库软件以及编程语言(通常前端和后端都需要自己的语言)组成。一些常见的编程语言 / 框架包括 PHP、JavaScript、Node.js</p></div><div class="item-meta"> <span class="item-meta-li date">2020/03/23</span><div class="item-meta-right"></div></div></div></li><li class="item"><div class="item-img"> <a class="item-img-inner" href="https://wanghi.cn/202003/13052.html" title="v8.dev小白指南_v8 引擎" target="_blank" rel="bookmark"> <img width="480" height="300" src="https://wanghi.cn/wp-content/uploads/2023/04/h.jpg" class="attachment-default size-default wp-post-image j-lazy" alt="v8.dev小白指南_v8 引擎" decoding="async" data-original="https://wanghi.cn/wp-content/uploads/2020/01/304-480x300.jpg" /> </a> <a class="item-category" href="https://wanghi.cn/baike/web" target="_blank">Web前端</a></div><div class="item-content"><h4 class="item-title"> <a href="https://wanghi.cn/202003/13052.html" target="_blank" rel="bookmark"> v8.dev小白指南_v8 引擎 </a></h4><div class="item-excerpt"><p>v8.dev小白指南 官方网址:https://v8.dev/ 简介描述:v8 引擎 v8.dev,以了解支持 Chrome 和 NodeJS 的 Google 开源高性能 Jav…</p></div><div class="item-meta"> <span class="item-meta-li date">2020/03/11</span><div class="item-meta-right"></div></div></div></li><li class="item"><div class="item-img"> <a class="item-img-inner" href="https://wanghi.cn/202003/20702.html" title="理解call apply bind以及其中所谓的改变this指向问题基础教程_this使用说明" target="_blank" rel="bookmark"> <img width="480" height="300" src="https://wanghi.cn/wp-content/uploads/2023/04/h.jpg" class="attachment-default size-default wp-post-image j-lazy" alt="理解call apply bind以及其中所谓的改变this指向问题基础教程_this使用说明" decoding="async" data-original="https://wanghi.cn/wp-content/uploads/2020/01/072-480x300.jpg" /> </a> <a class="item-category" href="https://wanghi.cn/baike/web" target="_blank">Web前端</a></div><div class="item-content"><h4 class="item-title"> <a href="https://wanghi.cn/202003/20702.html" target="_blank" rel="bookmark"> 理解call apply bind以及其中所谓的改变this指向问题基础教程_this使用说明 </a></h4><div class="item-excerpt"><p>先看代码const xiaoming = {name: ‘小明’,own: ‘铅笔’,zhuanbidao: function(result1, result2){console.log(`${this.name}使用了转笔刀把${this.own}变成了${result1}和${result2}`)}<br /> }上述代码很简单,小明有一只铅笔,有一把转笔刀,可以用</p></div><div class="item-meta"> <span class="item-meta-li date">2020/03/24</span><div class="item-meta-right"></div></div></div></li><li class="item"><div class="item-img"> <a class="item-img-inner" href="https://wanghi.cn/202003/4688.html" title="share-button小白知识一个简单、重量轻、灵活、好看的jquery分享按钮提示插件" target="_blank" rel="bookmark"> <img width="480" height="300" src="https://wanghi.cn/wp-content/uploads/2023/04/h.jpg" class="attachment-default size-default wp-post-image j-lazy" alt="share-button小白知识一个简单、重量轻、灵活、好看的jquery分享按钮提示插件" decoding="async" data-original="https://wanghi.cn/wp-content/uploads/2020/01/157-480x300.jpg" /> </a> <a class="item-category" href="https://wanghi.cn/baike/web" target="_blank">Web前端</a></div><div class="item-content"><h4 class="item-title"> <a href="https://wanghi.cn/202003/4688.html" target="_blank" rel="bookmark"> share-button小白知识一个简单、重量轻、灵活、好看的jquery分享按钮提示插件 </a></h4><div class="item-excerpt"><p>share-button基础入门 官方网址:http://sharebutton.co/ GitHub:https://github.com/carrot/share-button…</p></div><div class="item-meta"> <span class="item-meta-li date">2020/03/05</span><div class="item-meta-right"></div></div></div></li><li class="item"><div class="item-img"> <a class="item-img-inner" href="https://wanghi.cn/202004/27858.html" title="web前端常见的面试题,基础知识点入门基础知识_面试基础知识" target="_blank" rel="bookmark"> <img width="480" height="300" src="https://wanghi.cn/wp-content/uploads/2023/04/h.jpg" class="attachment-default size-default wp-post-image j-lazy" alt="web前端常见的面试题,基础知识点入门基础知识_面试基础知识" decoding="async" data-original="https://wanghi.cn/wp-content/uploads/2020/01/070-480x300.jpg" /> </a> <a class="item-category" href="https://wanghi.cn/baike/web" target="_blank">Web前端</a></div><div class="item-content"><h4 class="item-title"> <a href="https://wanghi.cn/202004/27858.html" target="_blank" rel="bookmark"> web前端常见的面试题,基础知识点入门基础知识_面试基础知识 </a></h4><div class="item-excerpt"><p>一、HTML 常见题目01、Doctype作用?严格模式与混杂模式如何区分?它们有何意义?02、HTML5 为什么只需要写 ?03、行内元素有哪些?块级元素有哪些? 空(void)元素有那些?04、页面导入样式时,使用link和@import有什么区别?05、介绍一下你对浏览器内核的理解?06、常见的浏览器内核有哪些?07、ht</p></div><div class="item-meta"> <span class="item-meta-li date">2020/04/03</span><div class="item-meta-right"></div></div></div></li><li class="item"><div class="item-img"> <a class="item-img-inner" href="https://wanghi.cn/202003/18477.html" title="网站加入收藏、设为首页Js代码(兼容各种浏览器)使用攻略_代码使用说明" target="_blank" rel="bookmark"> <img width="480" height="300" src="https://wanghi.cn/wp-content/uploads/2023/04/h.jpg" class="attachment-default size-default wp-post-image j-lazy" alt="网站加入收藏、设为首页Js代码(兼容各种浏览器)使用攻略_代码使用说明" decoding="async" data-original="https://wanghi.cn/wp-content/uploads/2020/01/022-480x300.jpg" /> </a> <a class="item-category" href="https://wanghi.cn/baike/web" target="_blank">Web前端</a></div><div class="item-content"><h4 class="item-title"> <a href="https://wanghi.cn/202003/18477.html" target="_blank" rel="bookmark"> 网站加入收藏、设为首页Js代码(兼容各种浏览器)使用攻略_代码使用说明 </a></h4><div class="item-excerpt"><p>注意:这里虽然说是兼容,但是有些浏览器的设置就是不支持用js来把页面设为首页,加入收藏夹,只能让用户手动去在浏览器或者按键去设置这些功能,这里说的兼容是指当浏览器有这个设置的时候js会有提示 js代码:<br /> // 设置为主页<br /> function SetHome(obj, vrl) {try {ob</p></div><div class="item-meta"> <span class="item-meta-li date">2020/03/23</span><div class="item-meta-right"></div></div></div></li><li class="item"><div class="item-img"> <a class="item-img-inner" href="https://wanghi.cn/202003/14041.html" title="嘭,setTimeout炸了菜鸟教程网_setTimeout攻略教程" target="_blank" rel="bookmark"> <img width="480" height="300" src="https://wanghi.cn/wp-content/uploads/2023/04/h.jpg" class="attachment-default size-default wp-post-image j-lazy" alt="嘭,setTimeout炸了菜鸟教程网_setTimeout攻略教程" decoding="async" data-original="https://wanghi.cn/wp-content/uploads/2020/01/112-480x300.jpg" /> </a> <a class="item-category" href="https://wanghi.cn/baike/web" target="_blank">Web前端</a></div><div class="item-content"><h4 class="item-title"> <a href="https://wanghi.cn/202003/14041.html" target="_blank" rel="bookmark"> 嘭,setTimeout炸了菜鸟教程网_setTimeout攻略教程 </a></h4><div class="item-excerpt"><p>嘭,setTimeout炸了菜鸟教程网 今天要说的很简单,没有 setTimeout 的基本用法,也没有什么特殊用法。就是想记录一下 setTimeo…</p></div><div class="item-meta"> <span class="item-meta-li date">2020/03/19</span><div class="item-meta-right"></div></div></div></li><li class="item"><div class="item-img"> <a class="item-img-inner" href="https://wanghi.cn/202003/24491.html" title="Js对象的三个属性小白基础_属性基础指南" target="_blank" rel="bookmark"> <img width="480" height="300" src="https://wanghi.cn/wp-content/uploads/2023/04/h.jpg" class="attachment-default size-default wp-post-image j-lazy" alt="Js对象的三个属性小白基础_属性基础指南" decoding="async" data-original="https://wanghi.cn/wp-content/uploads/2020/01/311-480x300.jpg" /> </a> <a class="item-category" href="https://wanghi.cn/baike/web" target="_blank">Web前端</a></div><div class="item-content"><h4 class="item-title"> <a href="https://wanghi.cn/202003/24491.html" target="_blank" rel="bookmark"> Js对象的三个属性小白基础_属性基础指南 </a></h4><div class="item-excerpt"><p>对象的三个属性每个对象都拥有三个特性(属性)(object attribute):对象的原型(prototype)。指向另外一个对象,本对象的属性继承自它的原型对象。对象的类(class)。是一个表示对象类型的字符串。对象的扩展标记(extensible flag)。指明了(在ES5中)是否可以向该对象添加新属性。原型属性【01】对象的原型属性是用来继承属性</p></div><div class="item-meta"> <span class="item-meta-li date">2020/03/29</span><div class="item-meta-right"></div></div></div></li><li class="item"><div class="item-img"> <a class="item-img-inner" href="https://wanghi.cn/202003/11896.html" title="e2email入门百科_一个Chrome 扩展将 OpenPGP 集成到 Gmail 中的方法" target="_blank" rel="bookmark"> <img width="480" height="300" src="https://wanghi.cn/wp-content/uploads/2023/04/h.jpg" class="attachment-default size-default wp-post-image j-lazy" alt="e2email入门百科_一个Chrome 扩展将 OpenPGP 集成到 Gmail 中的方法" decoding="async" data-original="https://wanghi.cn/wp-content/uploads/2020/01/009-480x300.jpg" /> </a> <a class="item-category" href="https://wanghi.cn/baike/web" target="_blank">Web前端</a></div><div class="item-content"><h4 class="item-title"> <a href="https://wanghi.cn/202003/11896.html" target="_blank" rel="bookmark"> e2email入门百科_一个Chrome 扩展将 OpenPGP 集成到 Gmail 中的方法 </a></h4><div class="item-excerpt"><p>e2email入门百科 GitHub:https://github.com/e2email-org/e2email 简介描述:一个Chrome 扩展将 OpenPGP 集成到 Gm…</p></div><div class="item-meta"> <span class="item-meta-li date">2020/03/10</span><div class="item-meta-right"></div></div></div></li><li class="item"><div class="item-img"> <a class="item-img-inner" href="https://wanghi.cn/202003/19335.html" title="如何在前端中使用protobuf?入门基础教程_前端小白常识" target="_blank" rel="bookmark"> <img width="480" height="300" src="https://wanghi.cn/wp-content/uploads/2023/04/h.jpg" class="attachment-default size-default wp-post-image j-lazy" alt="如何在前端中使用protobuf?入门基础教程_前端小白常识" decoding="async" data-original="https://wanghi.cn/wp-content/uploads/2020/03/5dd3f07884022-480x300.jpg" /> </a> <a class="item-category" href="https://wanghi.cn/baike/web" target="_blank">Web前端</a></div><div class="item-content"><h4 class="item-title"> <a href="https://wanghi.cn/202003/19335.html" target="_blank" rel="bookmark"> 如何在前端中使用protobuf?入门基础教程_前端小白常识 </a></h4><div class="item-excerpt"><p>前言由于目前公司采用了ProtoBuf做前后端数据交互,进公司以来一直用的是公司大神写好的基础库,完全不了解底层是如何解析的,一旦报错只能求人,作为一只还算有钻研精神的猿,应该去了解一下底层的实现,在这里记录一下学习过程。Protobuf简单介绍Google Protocol Buffer(简称 Protobuf)是一种轻便高效的结构化数据存储格式,平台无关</p></div><div class="item-meta"> <span class="item-meta-li date">2020/03/23</span><div class="item-meta-right"></div></div></div></li><li class="item"><div class="item-img"> <a class="item-img-inner" href="https://wanghi.cn/202003/4106.html" title="weex基础入门教程_阿里推出的Native框架,支持iOS、安卓、YunOS及Web等多端部署" target="_blank" rel="bookmark"> <img width="480" height="300" src="https://wanghi.cn/wp-content/uploads/2023/04/h.jpg" class="attachment-default size-default wp-post-image j-lazy" alt="weex基础入门教程_阿里推出的Native框架,支持iOS、安卓、YunOS及Web等多端部署" decoding="async" data-original="https://wanghi.cn/wp-content/uploads/2020/01/238-480x300.jpg" /> </a> <a class="item-category" href="https://wanghi.cn/baike/web" target="_blank">Web前端</a></div><div class="item-content"><h4 class="item-title"> <a href="https://wanghi.cn/202003/4106.html" target="_blank" rel="bookmark"> weex基础入门教程_阿里推出的Native框架,支持iOS、安卓、YunOS及Web等多端部署 </a></h4><div class="item-excerpt"><p>weex基础入门 官方网址:http://alibaba.github.io/weex GitHub:https://github.com/alibaba/weex 简介描述:阿里…</p></div><div class="item-meta"> <span class="item-meta-li date">2020/03/05</span><div class="item-meta-right"></div></div></div></li><li class="item"><div class="item-img"> <a class="item-img-inner" href="https://wanghi.cn/202003/22560.html" title="IT程序员语录:只有程序员才懂的语录使用教程_语录基础指南" target="_blank" rel="bookmark"> <img width="480" height="300" src="https://wanghi.cn/wp-content/uploads/2023/04/h.jpg" class="attachment-default size-default wp-post-image j-lazy" alt="IT程序员语录:只有程序员才懂的语录使用教程_语录基础指南" decoding="async" data-original="https://wanghi.cn/wp-content/uploads/2020/03/5d46bee7b6ed1-480x300.jpg" /> </a> <a class="item-category" href="https://wanghi.cn/baike/web" target="_blank">Web前端</a></div><div class="item-content"><h4 class="item-title"> <a href="https://wanghi.cn/202003/22560.html" target="_blank" rel="bookmark"> IT程序员语录:只有程序员才懂的语录使用教程_语录基础指南 </a></h4><div class="item-excerpt"><p>以下内容收集自一些优秀的技术书籍章节开头的名言佳句,非常有意思,直接或间接反映了软件开发中的一些事情。 生命太短暂,不要去做一些根本没有人想要的东西。——Ash Maurya如果你交给某人一个程序,你将折磨他一整天;如果你教某人如何编写程序,你将折磨他一辈子。——David Leinweber软件设计有两种方式:一种方式是,使软件过于简单,明显没有缺陷;另</p></div><div class="item-meta"> <span class="item-meta-li date">2020/03/26</span><div class="item-meta-right"></div></div></div></li><li class="item"><div class="item-img"> <a class="item-img-inner" href="https://wanghi.cn/202003/11641.html" title="VexChords零基础入门_JavaScript和弦图表" target="_blank" rel="bookmark"> <img width="480" height="300" src="https://wanghi.cn/wp-content/uploads/2023/04/h.jpg" class="attachment-default size-default wp-post-image j-lazy" alt="VexChords零基础入门_JavaScript和弦图表" decoding="async" data-original="https://wanghi.cn/wp-content/uploads/2020/01/190-480x300.jpg" /> </a> <a class="item-category" href="https://wanghi.cn/baike/web" target="_blank">Web前端</a></div><div class="item-content"><h4 class="item-title"> <a href="https://wanghi.cn/202003/11641.html" target="_blank" rel="bookmark"> VexChords零基础入门_JavaScript和弦图表 </a></h4><div class="item-excerpt"><p>VexChords零基础入门 官方网址:http://vexflow.com/vexchords/ GitHub:https://github.com/0xfe/vexchords…</p></div><div class="item-meta"> <span class="item-meta-li date">2020/03/10</span><div class="item-meta-right"></div></div></div></li><li class="item"><div class="item-img"> <a class="item-img-inner" href="https://wanghi.cn/202003/4204.html" title="Normalize.css零基础入门浏览器更加一致地呈现所有元素,并符合现代标准。" target="_blank" rel="bookmark"> <img width="480" height="300" src="https://wanghi.cn/wp-content/uploads/2023/04/h.jpg" class="attachment-default size-default wp-post-image j-lazy" alt="Normalize.css零基础入门浏览器更加一致地呈现所有元素,并符合现代标准。" decoding="async" data-original="https://wanghi.cn/wp-content/uploads/2020/01/287-480x300.jpg" /> </a> <a class="item-category" href="https://wanghi.cn/baike/web" target="_blank">Web前端</a></div><div class="item-content"><h4 class="item-title"> <a href="https://wanghi.cn/202003/4204.html" target="_blank" rel="bookmark"> Normalize.css零基础入门浏览器更加一致地呈现所有元素,并符合现代标准。 </a></h4><div class="item-excerpt"><p>Normalize.css基础入门 官方网址:http://necolas.github.io/normalize.css/ GitHub:https://github.com/n…</p></div><div class="item-meta"> <span class="item-meta-li date">2020/03/05</span><div class="item-meta-right"></div></div></div></li><li class="item"><div class="item-img"> <a class="item-img-inner" href="https://wanghi.cn/202003/6786.html" title="js-sequence-diagrams菜鸟知识_一款基于 Javascript 的Web绘制时序图的工具" target="_blank" rel="bookmark"> <img width="480" height="300" src="https://wanghi.cn/wp-content/uploads/2023/04/h.jpg" class="attachment-default size-default wp-post-image j-lazy" alt="js-sequence-diagrams菜鸟知识_一款基于 Javascript 的Web绘制时序图的工具" decoding="async" data-original="https://wanghi.cn/wp-content/uploads/2020/01/301-480x300.jpg" /> </a> <a class="item-category" href="https://wanghi.cn/baike/web" target="_blank">Web前端</a></div><div class="item-content"><h4 class="item-title"> <a href="https://wanghi.cn/202003/6786.html" target="_blank" rel="bookmark"> js-sequence-diagrams菜鸟知识_一款基于 Javascript 的Web绘制时序图的工具 </a></h4><div class="item-excerpt"><p>js-sequence-diagrams菜鸟知识 官方网址:https://bramp.github.io/js-sequence-diagrams/ GitHub:https:/…</p></div><div class="item-meta"> <span class="item-meta-li date">2020/03/06</span><div class="item-meta-right"></div></div></div></li></ul></div></article></main><aside class="sidebar"><div class="widget widget_image_myimg"> <a href="https://wanghi.cn/go.php?http://www.5118.com?promote=83864A" target="_blank" rel="nofollow"> <img class="j-lazy" src="https://wanghi.cn/wp-content/uploads/2023/04/h.jpg" data-original="https://wanghi.cn/img/5118/5118.png" alt="5118工具"> </a></div><div class="widget widget_image_myimg"> <a href="https://wanghi.cn/go.php?https://www.bt.cn/?invite_code=M19sbndpc3E=" target="_blank" rel="nofollow"> <img class="j-lazy" src="https://wanghi.cn/wp-content/uploads/2023/04/h.jpg" data-original="https://wanghi.cn/img/bt/b.png" alt="宝塔优惠券"> </a></div><div class="widget widget_image_myimg"> <a href="https://www.aliyun.com/activity/new/index?userCode=u1pc8ney" target="_blank" rel="nofollow"> <img class="j-lazy" src="https://wanghi.cn/wp-content/uploads/2023/04/h.jpg" data-original="https://wanghi.cn/img/right/aliyun.png" alt="阿里云广告"> </a></div><div class="widget widget_image_myimg"> <a href="https://wanghi.cn/go.php?https://url.cn/U4djljVv"> <img class="j-lazy" src="https://wanghi.cn/wp-content/uploads/2023/04/h.jpg" data-original="https://wanghi.cn/img/right/txyun.png" alt="腾讯云广告"> </a></div><div class="widget widget_tag_cloud"><h3 class="widget-title"><span>关注焦点</span></h3><div class="tagcloud"><a href="https://wanghi.cn/http/course/dedecms" class="tag-cloud-link tag-link-64 tag-link-position-1" style="font-size: 9.0606060606061pt;" aria-label="DedeCMS (1个项目)">DedeCMS</a> <a href="https://wanghi.cn/baike/seobook" class="tag-cloud-link tag-link-1648 tag-link-position-2" style="font-size: 17.29797979798pt;" aria-label="SEO书籍 (423个项目)">SEO书籍</a> <a href="https://wanghi.cn/seo/seohelp" class="tag-cloud-link tag-link-198 tag-link-position-3" style="font-size: 13.373737373737pt;" aria-label="SEO优化百科 (32个项目)">SEO优化百科</a> <a href="https://wanghi.cn/tool" class="tag-cloud-link tag-link-332 tag-link-position-4" style="font-size: 9.0606060606061pt;" aria-label="SEO工具 (1个项目)">SEO工具</a> <a href="https://wanghi.cn/seo/baimao" class="tag-cloud-link tag-link-254 tag-link-position-5" style="font-size: 12.949494949495pt;" aria-label="SEO白帽技术 (24个项目)">SEO白帽技术</a> <a href="https://wanghi.cn/baike" class="tag-cloud-link tag-link-637 tag-link-position-6" style="font-size: 10.474747474747pt;" aria-label="SEO百科 (4个项目)">SEO百科</a> <a href="https://wanghi.cn/seo/heimao" class="tag-cloud-link tag-link-255 tag-link-position-7" style="font-size: 10.121212121212pt;" aria-label="SEO黑帽技术 (3个项目)">SEO黑帽技术</a> <a href="https://wanghi.cn/baike/web" class="tag-cloud-link tag-link-1659 tag-link-position-8" style="font-size: 22pt;" aria-label="Web前端 (9,147个项目)">Web前端</a> <a href="https://wanghi.cn/http/course/wordpress" class="tag-cloud-link tag-link-52 tag-link-position-9" style="font-size: 13.762626262626pt;" aria-label="WordPress (42个项目)">WordPress</a> <a href="https://wanghi.cn/http/tao/yunyouhui" class="tag-cloud-link tag-link-12 tag-link-position-10" style="font-size: 9.6969696969697pt;" aria-label="云优惠 (2个项目)">云优惠</a> <a href="https://wanghi.cn/baike/yuns/cloudx" class="tag-cloud-link tag-link-1402 tag-link-position-11" style="font-size: 14.257575757576pt;" aria-label="云帮手 (58个项目)">云帮手</a> <a href="https://wanghi.cn/baike/yuns" class="tag-cloud-link tag-link-1386 tag-link-position-12" style="font-size: 8pt;" aria-label="云操作 (0个项目)">云操作</a> <a href="https://wanghi.cn/baike/yun" class="tag-cloud-link tag-link-691 tag-link-position-13" style="font-size: 10.121212121212pt;" aria-label="云服务 (3个项目)">云服务</a> <a href="https://wanghi.cn/http/tao" class="tag-cloud-link tag-link-11 tag-link-position-14" style="font-size: 8pt;" aria-label="优惠券 (0个项目)">优惠券</a> <a href="https://wanghi.cn/http" class="tag-cloud-link tag-link-13 tag-link-position-15" style="font-size: 8pt;" aria-label="传统网媒 (0个项目)">传统网媒</a> <a href="https://wanghi.cn/seohtml/caiji" class="tag-cloud-link tag-link-1362 tag-link-position-16" style="font-size: 10.474747474747pt;" aria-label="内容采集 (4个项目)">内容采集</a> <a href="https://wanghi.cn/http/tao/vip" class="tag-cloud-link tag-link-4 tag-link-position-17" style="font-size: 9.0606060606061pt;" aria-label="发放优惠券 (1个项目)">发放优惠券</a> <a href="https://wanghi.cn/media" class="tag-cloud-link tag-link-245 tag-link-position-18" style="font-size: 8pt;" aria-label="媒体矩阵 (0个项目)">媒体矩阵</a> <a href="https://wanghi.cn/baike/yuns/baota" class="tag-cloud-link tag-link-22000 tag-link-position-19" style="font-size: 9.0606060606061pt;" aria-label="宝塔面板 (1个项目)">宝塔面板</a> <a href="https://wanghi.cn/http/jianzhan" class="tag-cloud-link tag-link-306 tag-link-position-20" style="font-size: 9.0606060606061pt;" aria-label="建站案例 (1个项目)">建站案例</a> <a href="https://wanghi.cn/media/weixinseo" class="tag-cloud-link tag-link-230 tag-link-position-21" style="font-size: 11.535353535354pt;" aria-label="微信生态圈优化 (9个项目)">微信生态圈优化</a> <a href="https://wanghi.cn/media/weibo" class="tag-cloud-link tag-link-264 tag-link-position-22" style="font-size: 10.757575757576pt;" aria-label="微博生态圈优化 (5个项目)">微博生态圈优化</a> <a href="https://wanghi.cn/seo/baiduseo" class="tag-cloud-link tag-link-187 tag-link-position-23" style="font-size: 10.121212121212pt;" aria-label="搜索引擎优化 (3个项目)">搜索引擎优化</a> <a href="https://wanghi.cn/seo/googlescore" class="tag-cloud-link tag-link-294 tag-link-position-24" style="font-size: 9.6969696969697pt;" aria-label="搜索引擎算法 (2个项目)">搜索引擎算法</a> <a href="https://wanghi.cn/media/xmtseo" class="tag-cloud-link tag-link-260 tag-link-position-25" style="font-size: 10.121212121212pt;" aria-label="新媒体矩阵优化 (3个项目)">新媒体矩阵优化</a> <a href="https://wanghi.cn/hijihua" class="tag-cloud-link tag-link-535 tag-link-position-26" style="font-size: 11.818181818182pt;" aria-label="海计划 (11个项目)">海计划</a> <a href="https://wanghi.cn/sem" class="tag-cloud-link tag-link-302 tag-link-position-27" style="font-size: 9.0606060606061pt;" aria-label="王海SEM (1个项目)">王海SEM</a> <a href="https://wanghi.cn/seo" class="tag-cloud-link tag-link-19 tag-link-position-28" style="font-size: 8pt;" aria-label="王海SEO (0个项目)">王海SEO</a> <a href="https://wanghi.cn/tashuo" class="tag-cloud-link tag-link-391 tag-link-position-29" style="font-size: 13.833333333333pt;" aria-label="王海说 (44个项目)">王海说</a> <a href="https://wanghi.cn/internet" class="tag-cloud-link tag-link-1 tag-link-position-30" style="font-size: 12.525252525253pt;" aria-label="站务 (18个项目)">站务</a> <a href="https://wanghi.cn/toutiao" class="tag-cloud-link tag-link-380 tag-link-position-31" style="font-size: 11.676767676768pt;" aria-label="站友头条 (10个项目)">站友头条</a> <a href="https://wanghi.cn/http/course" class="tag-cloud-link tag-link-51 tag-link-position-32" style="font-size: 9.0606060606061pt;" aria-label="站友攻略 (1个项目)">站友攻略</a> <a href="https://wanghi.cn/http/zyzy" class="tag-cloud-link tag-link-40 tag-link-position-33" style="font-size: 9.0606060606061pt;" aria-label="站友资源 (1个项目)">站友资源</a> <a href="https://wanghi.cn/http/course/peizhi" class="tag-cloud-link tag-link-127 tag-link-position-34" style="font-size: 11.535353535354pt;" aria-label="站点配置 (9个项目)">站点配置</a> <a href="https://wanghi.cn/baike/yun/zoneidc" class="tag-cloud-link tag-link-1612 tag-link-position-35" style="font-size: 9.0606060606061pt;" aria-label="纵横云 (1个项目)">纵横云</a> <a href="https://wanghi.cn/http/domain" class="tag-cloud-link tag-link-7 tag-link-position-36" style="font-size: 12.59595959596pt;" aria-label="网站站长 (19个项目)">网站站长</a> <a href="https://wanghi.cn/admin" class="tag-cloud-link tag-link-17 tag-link-position-37" style="font-size: 10.757575757576pt;" aria-label="草根站长 (5个项目)">草根站长</a> <a href="https://wanghi.cn/media/yingxiao" class="tag-cloud-link tag-link-33411 tag-link-position-38" style="font-size: 20.19696969697pt;" aria-label="营销推广 (2,807个项目)">营销推广</a> <a href="https://wanghi.cn/baike/yun/aliyun" class="tag-cloud-link tag-link-693 tag-link-position-39" style="font-size: 12.878787878788pt;" aria-label="阿里云 (23个项目)">阿里云</a> <a href="https://wanghi.cn/http/tao/quan" class="tag-cloud-link tag-link-21 tag-link-position-40" style="font-size: 10.121212121212pt;" aria-label="领券 (3个项目)">领券</a></div></div><div class="widget widget_image_myimg"> <a href="#"> <img class="j-lazy" src="https://wanghi.cn/wp-content/uploads/2023/04/h.jpg" data-original="https://wanghi.cn/img/haijihua/mcn.jpg" alt="MCN二维码"> </a></div><div class="widget widget_post_thumb"><h3 class="widget-title"><span>热门推荐</span></h3><ul><li class="item"><div class="item-img"> <a class="item-img-inner" href="https://wanghi.cn/202003/13435.html" title="选择太多很可能意味着不选择_用户体验和行为方式"> <img width="480" height="300" src="https://wanghi.cn/wp-content/uploads/2023/04/h.jpg" class="attachment-default size-default wp-post-image j-lazy" alt="选择太多很可能意味着不选择_用户体验和行为方式" decoding="async" data-original="https://wanghi.cn/wp-content/uploads/2020/01/075-480x300.jpg" /> </a></div><div class="item-content"><p class="item-title"><a href="https://wanghi.cn/202003/13435.html" title="选择太多很可能意味着不选择_用户体验和行为方式">选择太多很可能意味着不选择_用户体验和行为方式</a></p><p class="item-date">2020/03/12</p></div></li><li class="item"><div class="item-img"> <a class="item-img-inner" href="https://wanghi.cn/202003/14004.html" title="分享 8 个 Laravel 模型时间戳使用技巧入门指南_Laravel使用攻略"> <img width="480" height="300" src="https://wanghi.cn/wp-content/uploads/2023/04/h.jpg" class="attachment-default size-default wp-post-image j-lazy" alt="分享 8 个 Laravel 模型时间戳使用技巧入门指南_Laravel使用攻略" decoding="async" data-original="https://wanghi.cn/wp-content/uploads/2020/01/285-480x300.jpg" /> </a></div><div class="item-content"><p class="item-title"><a href="https://wanghi.cn/202003/14004.html" title="分享 8 个 Laravel 模型时间戳使用技巧入门指南_Laravel使用攻略">分享 8 个 Laravel 模型时间戳使用技巧入门指南_Laravel使用攻略</a></p><p class="item-date">2020/03/19</p></div></li><li class="item"><div class="item-img"> <a class="item-img-inner" href="https://wanghi.cn/202003/17031.html" title="前端防抖和节流小白基础_节流使用帮助"> <img width="480" height="300" src="https://wanghi.cn/wp-content/uploads/2023/04/h.jpg" class="attachment-default size-default wp-post-image j-lazy" alt="前端防抖和节流小白基础_节流使用帮助" decoding="async" data-original="https://wanghi.cn/wp-content/uploads/2020/01/170-480x300.jpg" /> </a></div><div class="item-content"><p class="item-title"><a href="https://wanghi.cn/202003/17031.html" title="前端防抖和节流小白基础_节流使用帮助">前端防抖和节流小白基础_节流使用帮助</a></p><p class="item-date">2020/03/22</p></div></li><li class="item"><div class="item-img"> <a class="item-img-inner" href="https://wanghi.cn/202003/26037.html" title="未来 PWA 将取代本地应用,成为构建良好用户体验的首选方式菜鸟教程下载_pwa基础知识入门"> <img width="480" height="300" src="https://wanghi.cn/wp-content/uploads/2023/04/h.jpg" class="attachment-default size-default wp-post-image j-lazy" alt="未来 PWA 将取代本地应用,成为构建良好用户体验的首选方式菜鸟教程下载_pwa基础知识入门" decoding="async" data-original="https://wanghi.cn/wp-content/uploads/2020/01/087-480x300.jpg" /> </a></div><div class="item-content"><p class="item-title"><a href="https://wanghi.cn/202003/26037.html" title="未来 PWA 将取代本地应用,成为构建良好用户体验的首选方式菜鸟教程下载_pwa基础知识入门">未来 PWA 将取代本地应用,成为构建良好用户体验的首选方式菜鸟教程下载_pwa基础知识入门</a></p><p class="item-date">2020/03/30</p></div></li><li class="item"><div class="item-img"> <a class="item-img-inner" href="https://wanghi.cn/202003/12345.html" title="Cutterman入门百科_致力于改善设计师的工作效率"> <img width="480" height="300" src="https://wanghi.cn/wp-content/uploads/2023/04/h.jpg" class="attachment-default size-default wp-post-image j-lazy" alt="Cutterman入门百科_致力于改善设计师的工作效率" decoding="async" data-original="https://wanghi.cn/wp-content/uploads/2020/01/192-480x300.jpg" /> </a></div><div class="item-content"><p class="item-title"><a href="https://wanghi.cn/202003/12345.html" title="Cutterman入门百科_致力于改善设计师的工作效率">Cutterman入门百科_致力于改善设计师的工作效率</a></p><p class="item-date">2020/03/11</p></div></li></ul></div><div class="widget widget_image_myimg"> <a href="https://www.haiyunying.com/61.html" target="_blank"> <img class="j-lazy" src="https://wanghi.cn/wp-content/uploads/2023/04/h.jpg" data-original="https://wanghi.cn/wp-content/uploads/2022/06/2022060921253456.jpg" alt=""> </a></div></aside></div></div><footer class="footer width-footer-bar"><div class="container"><div class="footer-col-wrap footer-with-logo-icon"><div class="footer-col footer-col-logo"> <img src="https://wanghi.cn/img/fhi.png" alt="王海"></div><div class="footer-col footer-col-copy"><ul class="footer-nav hidden-xs"><li id="menu-item-1483" class="menu-item menu-item-1483"><a href="https://wanghi.cn/">©2022 成都私域运营专家-王海</a></li></ul><div class="copyright"><p><a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank" rel="noopener">蜀ICP备19004414号</a></p></div></div><div class="footer-col footer-col-sns"><div class="footer-sns"> <a href="https://wanghi.cn/go.php?https://tongji.baidu.com/main/overview/10000118002/overview/index?siteId=14797428" aria-label="icon"> <i class="wpcom-icon fa fa-mouse-pointer sns-icon"></i> </a> <a class="sns-wx" href="javascript:;" aria-label="icon"> <i class="wpcom-icon fa fa-user-plus sns-icon"></i> <span style="background-image:url('https://wanghi.cn/img/wx/wx.png');"></span> </a> <a class="sns-wx" href="javascript:;" aria-label="icon"> <i class="wpcom-icon fa fa-wechat sns-icon"></i> <span style="background-image:url('https://wanghi.cn/img/wxxcx.jpg');"></span> </a></div></div></div></div></footer><div class="action action-style-0 action-color-0 action-pos-0" style="bottom:20%;"><div class="action-item gotop j-top"> <i class="wpcom-icon wi action-item-icon"><svg aria-hidden="true"><use xlink:href="#wi-arrow-up-2"></use></svg></i></div></div><div class="footer-bar"><div class="fb-item"> <a href="https://wanghi.cn" target="_blank"> <i class="wpcom-icon fa fa-home fb-item-icon"></i> <span>首页</span> </a></div><div class="fb-item"> <a href="https://wanghi.cn/img/wxxcx.jpg" class="j-footer-bar-qrcode"> <i class="wpcom-icon fa fa-dot-circle-o fb-item-icon"></i> <span>搜索SEO</span> </a></div><div class="fb-item"> <a href="https://wanghi.cn/img/wx/wx.png" class="j-footer-bar-qrcode"> <i class="wpcom-icon fa fa-sellsy fb-item-icon"></i> <span>加好友</span> </a></div></div> <script type='text/javascript' id='main-js-extra'>var _wpcom_js = {"webp":"","ajaxurl":"https:\/\/wanghi.cn\/wp-admin\/admin-ajax.php","theme_url":"https:\/\/wanghi.cn\/wp-content\/themes\/justnews","slide_speed":"50000","is_admin":"0","js_lang":{"copy_done":"\u590d\u5236\u6210\u529f\uff01","copy_fail":"\u6d4f\u89c8\u5668\u6682\u4e0d\u652f\u6301\u62f7\u8d1d\u529f\u80fd","confirm":"\u786e\u5b9a","qrcode":"\u4e8c\u7ef4\u7801","page_loaded":"\u5df2\u7ecf\u5230\u5e95\u4e86","no_content":"\u6682\u65e0\u5185\u5bb9","load_failed":"\u52a0\u8f7d\u5931\u8d25\uff0c\u8bf7\u7a0d\u540e\u518d\u8bd5\uff01","expand_more":"\u9605\u8bfb\u5269\u4f59 %s"},"lightbox":"1","post_id":"24297","user_card_height":"356","poster":{"notice":"\u8bf7\u957f\u6309\u4fdd\u5b58\u56fe\u7247\uff0c\u5c06\u5185\u5bb9\u5206\u4eab\u7ed9\u66f4\u591a\u597d\u53cb","generating":"\u6b63\u5728\u751f\u6210\u6d77\u62a5\u56fe\u7247...","failed":"\u6d77\u62a5\u56fe\u7247\u751f\u6210\u5931\u8d25"},"video_height":"482","fixed_sidebar":"1","dark_style":"0","font_url":"\/\/wanghi.cn\/wp-content\/uploads\/wpcom\/fonts.9b34824582affe8e.css","follow_btn":"<i class=\"wpcom-icon wi\"><svg aria-hidden=\"true\"><use xlink:href=\"#wi-add\"><\/use><\/svg><\/i>\u5173\u6ce8","followed_btn":"\u5df2\u5173\u6ce8","user_card":"1"};</script> <script type='text/javascript' id='wpcom-member-js-extra'>var _wpmx_js = {"ajaxurl":"https:\/\/wanghi.cn\/wp-admin\/admin-ajax.php","plugin_url":"https:\/\/wanghi.cn\/wp-content\/plugins\/wpcom-member\/","post_id":"24297","js_lang":{"login_desc":"\u60a8\u8fd8\u672a\u767b\u5f55\uff0c\u8bf7\u767b\u5f55\u540e\u518d\u8fdb\u884c\u76f8\u5173\u64cd\u4f5c\uff01","login_title":"\u8bf7\u767b\u5f55","login_btn":"\u767b\u5f55","reg_btn":"\u6ce8\u518c"},"login_url":"https:\/\/wanghi.cn\/i","register_url":"https:\/\/wanghi.cn\/register","TCaptcha":{"appid":"2035109633"},"captcha_label":"\u70b9\u51fb\u8fdb\u884c\u4eba\u673a\u9a8c\u8bc1","captcha_verified":"\u9a8c\u8bc1\u6210\u529f","errors":{"require":"\u4e0d\u80fd\u4e3a\u7a7a","email":"\u8bf7\u8f93\u5165\u6b63\u786e\u7684\u7535\u5b50\u90ae\u7bb1","pls_enter":"\u8bf7\u8f93\u5165","password":"\u5bc6\u7801\u5fc5\u987b\u4e3a6~32\u4e2a\u5b57\u7b26","passcheck":"\u4e24\u6b21\u5bc6\u7801\u8f93\u5165\u4e0d\u4e00\u81f4","phone":"\u8bf7\u8f93\u5165\u6b63\u786e\u7684\u7535\u8bdd\u53f7\u7801","terms":"\u8bf7\u9605\u8bfb\u5e76\u540c\u610f\u6761\u6b3e","sms_code":"\u9a8c\u8bc1\u7801\u9519\u8bef","captcha_verify":"\u8bf7\u70b9\u51fb\u6309\u94ae\u8fdb\u884c\u9a8c\u8bc1","captcha_fail":"\u4eba\u673a\u9a8c\u8bc1\u5931\u8d25\uff0c\u8bf7\u91cd\u8bd5","nonce":"\u968f\u673a\u6570\u6821\u9a8c\u5931\u8d25","req_error":"\u8bf7\u6c42\u5931\u8d25"}};</script> <script type='text/javascript' id='QAPress-js-js-extra'>var QAPress_js = {"ajaxurl":"https:\/\/wanghi.cn\/wp-admin\/admin-ajax.php","ajaxloading":"https:\/\/wanghi.cn\/wp-content\/plugins\/qapress\/images\/loading.gif"};</script> <script>var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?0f6d2bb7194b8728131ffadfe5c3e7c4"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })();</script> <script type="application/ld+json">{ "@context": "https://schema.org", "@type": "Article", "@id": "https://wanghi.cn/202003/24297.html", "url": "https://wanghi.cn/202003/24297.html", "headline": "Js时间对象Date指南教程_时间入门基础教程", "image": "https://wanghi.cn/wp-content/uploads/2020/01/288-480x320.jpg", "description": "写在前面:时间是物理学七大常量之一。生活中记录时间有两种方式(或者说有两种计时系统):GMT(格林尼治时间)和UTC(协调世界时间)。一、创建Date对象JS中的Date对象只能通过new关键字创建。var now = new Date()...", "datePublished": "2020-03-29T01:42:08", "dateModified": "2020-03-29T01:00:15", "author": {"@type":"Person","name":"Web前端","url":"https://wanghi.cn/member/web","image":"//wanghi.cn/wp-content/uploads/member/avatars/abfcfa5649e7003b.1583781931.jpg"} }</script> <script defer src="https://wanghi.cn/wp-content/cache/autoptimize/js/autoptimize_9e85a7cedb1bdce2a07a2bd41d57568a.js"></script></body></html>