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

yizhihongxing

获取当前时间可以使用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日

相关文章

  • JavaScript框架编程第2/2页

    《JavaScript框架编程》第2/2页是一篇介绍如何编写JavaScript框架的教程。以下是该篇文章的完整攻略: 概述 JavaScript框架是为了使JavaScript代码更可重用、可扩展和易于维护而创造的。框架是为了解决开发过程中重复工作的问题,因此可以轻松地实现重复使用和扩展。编写框架可帮助开发人员组织自己的代码并使用固定的约定。 构建开发环境…

    JavaScript 2023年5月17日
    00
  • asp.net动态添加js文件调用到网页的方法

    ASP.NET 动态添加 JS 文件调用到网页主要有以下几个步骤: 首先,在 ASP.NET 页面中添加 ScriptManager 控件。这个控件可以将页面上的 JS 文件或脚本框架统一管理。 示例代码如下: <asp:ScriptManager ID="ScriptManager1" runat="server&quo…

    JavaScript 2023年6月11日
    00
  • js实现页面跳转的五种方法推荐

    下面是关于“js实现页面跳转的五种方法推荐”的完整攻略。 一、前言 在网页编程中,有时需要通过JavaScript实现页面跳转。本篇文章将介绍常见的五种实现页面跳转的方法,让大家能够实现常用的页面跳转功能。 二、方法一 使用location.href实现页面跳转: location.href = "http://www.example.com&qu…

    JavaScript 2023年6月11日
    00
  • 微信小程序API—获取定位的详解

    微信小程序API—获取定位的详解 什么是获取定位? 获取定位是指小程序通过调用微信所提供的API,获得用户当前的地理位置信息。通过获取定位,小程序可以根据用户所在的位置提供相应的服务。 如何获取定位? 在小程序中,我们可以通过wx.getLocation()方法来获取用户当前位置的经纬度信息。在API文档中,我们可以找到该方法的详细描述。下面是该方法的基本语…

    JavaScript 2023年6月11日
    00
  • JavaScript防抖与节流的实现与注意事项

    JavaScript防抖与节流的实现与注意事项 在前端开发中,我们经常会碰到需要对用户输入或页面滚动等事件进行优化的情况,这时就需要考虑使用防抖与节流的技术来控制这些事件的触发频率,以避免性能浪费和出错。 防抖 防抖是指在一定时间后执行函数,如果在这段时间内再次触发函数,那么就重新计时,在下一个一定时间后执行函数。可以理解为对于多次连续事件只执行一次操作。 …

    JavaScript 2023年6月10日
    00
  • jquery插件制作 表单验证实现代码

    下面我来为你详细讲解“jQuery插件制作——表单验证实现代码”的完整攻略。 1. jQuery插件制作概述 在jQuery中,插件是一种可扩展UI组件,它是基于jQuery编写的,提供了一些常用的功能,如导航菜单、幻灯片、表单验证等等。通过制作jQuery插件,我们可以将这些常用的UI组件封装起来,提高代码复用率,同时也可以方便地实现功能的扩展和定制。 2…

    JavaScript 2023年6月10日
    00
  • 基于javascript实现漂亮的页面过渡动画效果附源码下载

    下面详细讲解一下“基于javascript实现漂亮的页面过渡动画效果附源码下载”的完整攻略。 一、前言 随着互联网的发展,用户对于网站的要求也越来越高,而页面过渡动画效果可以很好的提高用户体验,增强网站的吸引力。在这篇攻略中,我们将会介绍如何基于Javascript实现漂亮的页面过渡动画效果。 二、概述 本攻略将会通过两个实例来说明如何利用Javascrip…

    JavaScript 2023年6月10日
    00
  • 基于Javascript实现返回顶部按钮

    下面是“基于JavaScript实现返回顶部按钮”的完整攻略。 一、先了解什么是返回顶部按钮 返回顶部按钮是指网站页面上的一个链接按钮,当网页向下滚动一定程度时,点击该按钮可以使网页返回顶部。返回顶部按钮可以方便用户快速返回到网页的最顶部,提高用户使用网站的体验度。 二、实现方法 1. 设置html结构和CSS样式 在页面的合适位置增加一个“返回顶部”按钮的…

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