js获取当前时间(昨天、今天、明天)

获取当前时间可以使用JavaScript内置对象Date来实现,可以获取当前时间的年份、月份、日期、小时、分钟、秒数、毫秒数等信息。下面是js获取当前时间(昨天、今天、明天)的完整攻略:

获取当前时间

使用new Date()方法创建Date对象,将当前时间赋值给它。

let now = new Date();

获取昨天的时间

要获取昨天的时间,需要将当前时间的天数减去1,然后重新生成Date对象。

let yesterday = new Date();
yesterday.setDate(yesterday.getDate() - 1);

获取明天的时间

获取明天的时间与获取昨天的时间类似,只需要将当前时间的天数加上1。

let tomorrow = new Date();
tomorrow.setDate(tomorrow.getDate() + 1);

示例说明

下面是两个示例说明,分别是获取昨天和明天的日期,并在网页中显示出来。

<!DOCTYPE html>
<html>
<head>
    <title>JavaScript获取当前时间</title>
    <meta charset="utf-8">
</head>
<body>
    <p>今天的日期是:<span id="today"></span></p>
    <p>昨天的日期是:<span id="yesterday"></span></p>
    <p>明天的日期是:<span id="tomorrow"></span></p>
    <script type="text/javascript">
        let now = new Date();
        let yesterday = new Date();
        let tomorrow = new Date();
        yesterday.setDate(yesterday.getDate() - 1);
        tomorrow.setDate(tomorrow.getDate() + 1);
        document.querySelector('#today').textContent = now.toLocaleDateString();
        document.querySelector('#yesterday').textContent = yesterday.toLocaleDateString();
        document.querySelector('#tomorrow').textContent = tomorrow.toLocaleDateString();
    </script>
</body>
</html>

在上述代码中,我们首先使用new Date()方法获取当前时间,然后获取昨天和明天的时间,将它们分别赋值给yesterday和tomorrow。接着,我们使用querySelector和textContent属性,来获取网页中的三个元素(今天、昨天、明天),并在其内部显示出日期。最后,通过调用toLocaleDateString()方法,将日期格式化为本地字符串。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:js获取当前时间(昨天、今天、明天) - Python技术站

(0)
上一篇 2023年5月27日
下一篇 2023年5月27日

相关文章

  • js之WEB开发调试利器:Firebug 下载

    Firebug 是一个非常优秀的 JavaScript 调试工具,它可以帮助开发人员定位代码问题,提高开发效率。以下是下载Firebug的步骤: 步骤一:访问Firebug官网 首先访问Firebug官网:https://getfirebug.com 步骤二:下载Firebug插件 在Firebug官网上,点击“Download Firebug”按钮。根据自…

    JavaScript 2023年6月11日
    00
  • JavaScript 消息框效果【实现代码】

    JavaScript 消息框效果指的是在网页中弹出一些提示信息的效果,通常包括警告、确认、提示等类型。以下是实现该效果的完整攻略。 1. HTML 结构和样式 首先,我们需要创建 HTML 结构和样式,来实现弹出框的界面。以下是一个简单的 HTML 结构: <div class="modal"> <div class=&…

    JavaScript 2023年6月11日
    00
  • js获取指定日期前后的日期代码

    下面我将为您详细讲解JS如何获取指定日期前后的日期: 步骤一:使用Date对象创建指定日期 要获取指定日期前后的日期,首先需要使用Date对象来创建指定日期,通过设置年份、月份和日期来构造一个日期对象。代码示例如下: let currentDate = new Date("2021-10-01"); console.log(current…

    JavaScript 2023年5月27日
    00
  • 细说javascript函数从函数的构成开始

    细说JavaScript函数从函数的构成开始 JavaScript 函数是程序中的基础组件之一。在本文中,我们将深入了解 JavaScript 函数,包括函数的构成、参数传递和作为值的函数等。 函数的构成 JavaScript 函数由函数名称、参数列表、函数体和返回值组成。下面是一个最简单的 JavaScript 函数示例: function sayHell…

    JavaScript 2023年5月27日
    00
  • JavaScript中的内置对象介绍

    下面是关于JavaScript内置对象的详细介绍: 什么是JavaScript内置对象 JavaScript内置对象指的是在JavaScript语言中可以直接使用的对象,不需要额外的引入或安装。这些内置对象是JavaScript语言的一部分,可以为开发者提供简单、高效的编程方法。 常用的JavaScript内置对象 1.全局对象(Global Object)…

    JavaScript 2023年5月27日
    00
  • JS正则表达式一条龙讲解(从原理和语法到JS正则)

    “JS正则表达式一条龙讲解(从原理和语法到JS正则)”是一篇全面讲述JavaScript正则表达式的文章。下面将从几个方面介绍该文章的内容: 文章结构 该文章主要分为以下几个部分: 正则表达式概述 该部分简单介绍了正则表达式的定义、应用场景和组成部分。 正则表达式语法 该部分详细讲解了正则表达式语法中的各个符号和正则表达式的组合方式。其中涉及到元字符、字符类…

    JavaScript 2023年6月10日
    00
  • html嵌入javascript代码的三种方式

    HTML嵌入JavaScript代码通常有三种方式:内联(Inline)、内部(Internal)、外部(External)。 Inline(内联) 内联是将JavaScript代码直接写在HTML元素的属性中。由于代码与HTML元素混合在一起,这种方式不易维护和阅读,推荐在特定环境下使用。 以下是内联的示例: <button onclick=&quo…

    JavaScript 2023年5月18日
    00
  • JavaScript使用concat连接数组的方法

    下面是关于JavaScript使用concat()连接数组的详细攻略: 什么是concat()方法? concat()方法用于连接两个或多个数组,生成一个新的数组。语法如下: array.concat(array1, array2, …, arrayX) 其中,array 为原始数组,array1, array2, …, arrayX 为需要连接的数…

    JavaScript 2023年5月27日
    00
合作推广
合作推广
分享本页
返回顶部