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中class的点击事件没有效果的解决方法

    问题描述: 在JavaScript中使用class定义的元素,如果带有点击事件绑定,在点击时有可能不起作用,导致点击事件无法触发。 解决方法: 使用事件代理 事件代理是将处理事件的职责委托给父元素,由父元素处理所有子元素的事件。在这种情况下,即使是通过JavaScript操作添加的元素也能够正确地触发点击事件。 使用addEventListener方法为父元…

    JavaScript 2023年6月10日
    00
  • JavaScript及jquey实现多个数组的合并操作

    首先,需要明确一点,JavaScript中合并多个数组可以通过Array.concat()方法来完成,例如: let arr1 = [1, 2, 3]; let arr2 = [4, 5, 6]; let arr3 = [7, 8, 9]; let mergedArray = arr1.concat(arr2, arr3); console.log(merg…

    JavaScript 2023年5月27日
    00
  • Javascript判断图片尺寸大小实例分析

    下面我们来详细讲解一下“Javascript判断图片尺寸大小实例分析”的完整攻略。 前言 在网页中,我们经常会用到图片。而有些时候,为了网页的美观和用户的体验,我们需要对图片的尺寸大小进行限制。如果图片过大,可能会导致网页加载过慢,影响用户的使用体验。那么如何利用JavaScript判断图片尺寸大小呢?下面我们将详细讲解。 确定图片尺寸的方法 JavaScr…

    JavaScript 2023年6月11日
    00
  • 常用的js方法合集

    常用的JS方法合集 本篇攻略主要讲解常用的JS方法合集,包括字符串、数组、日期、正则表达式等方面的常用方法。 字符串方法 字符串是JS中最为常见的数据类型之一,在日常开发中经常需要对字符串进行操作。下面列出一些常用的字符串方法: string.length 用于获取字符串的长度,即包含的字符数。 javascript var str = “Hello Wor…

    JavaScript 2023年5月18日
    00
  • 浅谈javascript语法和定时函数

    浅谈JavaScript语法和定时函数 JavaScript语法 JavaScript是一种基于对象的脚本语言,主要应用于Web前端和服务器端的开发。下面我们来简单介绍一下JavaScript的语法: 数据类型 JavaScript的数据类型包括:字符串、数字、布尔值、对象、数组、null和undefined。 示例代码: var str = ‘hello’…

    JavaScript 2023年5月27日
    00
  • javascript最基本的函数汇总

    本文将分享JavaScript最基本的函数汇总,包含函数的定义、调用和返回值等内容。 函数的定义 JavaScript中定义函数非常简单,使用function关键字,并指定函数名、参数列表和函数体。 示例代码: function sayHello(name) { console.log("Hello, " + name); } 上述代码定…

    JavaScript 2023年5月18日
    00
  • 什么是JavaScript

    JavaScript是一种脚本语言,是用于Web开发的一种编程语言,在网页中主要负责实现交互效果和动态效果,如:表单校验、动画效果、音频视频控制、数据可视化等功能。 JavaScript最初由Netscape公司开发,在1995年被首次引入网页中,从此开始成为解决客户端Web开发的主要语言之一。现在,JavaScript已经发展成为一种非常强大、灵活、广泛应…

    JavaScript 2023年5月17日
    00
  • js获取单元格自定义属性值的代码(IE/Firefox)

    获取单元格自定义属性值的代码需要用到JavaScript的DOM操作,具体步骤如下: 获取单元格元素 首先,我们需要获取单元格元素,可以使用document.getElementById()方法获取单元格的ID,也可以使用document.getElementsByTagName()方法获取所有单元格元素并使用索引访问特定单元格。示例代码如下: var ce…

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