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字符串转换为对象格式的三种方法总结

    下面详细讲解一下“js字符串转换为对象格式的三种方法总结”的完整攻略。 标题 js字符串转换为对象格式的三种方法总结 正文 在日常开发中,我们经常需要将字符串转换成对象格式。下面总结了三种常用的方法: 方法一:eval() eval()是一种将字符串解析成js代码并运行的方法。通过将字符串转成函数执行,在函数内部给一个对象赋值并将它的引用返回。 示例代码: …

    JavaScript 2023年5月27日
    00
  • Area 区域实现post提交数据的js写法

    Area 区域是HTML表单元素的一种。它允许在一个可编辑的区域内输入文本或代码。使用JavaScript,我们可以使用它来实现提交数据的功能,这些数据可以使用POST方法发送到服务器。 以下是实现Area 区域Post提交数据的基本步骤: 创建一个表单元素,其中包含一个Area 区域,指定一个ID用于JavaScript操作。 <form> &…

    JavaScript 2023年6月11日
    00
  • 使用JavaScript 实现各种跨域的方法

    使用JavaScript实现跨域的方法通常分为以下几种: 1. JSONP JSONP(JSON with Padding)是在跨域访问时比较流行的一种方式,它不是通过XHR请求数据,而是利用 <script> 标签可以访问不同域名下的资源的特性来实现。 实现原理 在A域下使用script标签请求B域下的数据: <script src=&q…

    JavaScript 2023年5月27日
    00
  • 关于Jackson的JSON工具类封装 JsonUtils用法

    下面是关于Jackson的JSON工具类封装JsonUtils的完整攻略: 1. 什么是Jackson库 Jackson是一个Java库,用于在Java对象和JSON格式之间进行转换。它提供了一组完整的处理JSON数据的工具,包括将Java对象序列化为JSON格式、将JSON格式反序列化为Java对象、对JSON格式进行解析和生成、支持JSON数组和XML等…

    JavaScript 2023年5月27日
    00
  • wavesurfer.js绘制音频波形图的实现

    下面是“wavesurfer.js绘制音频波形图的实现”的完整攻略。 1. 介绍 Wavesurfer.js是一款用于在浏览器端绘制音频波形图的JavaScript库。它支持多种音频格式,包括MP3、Ogg、WAV等。由于它易于使用且支持丰富的交互功能,因此它非常适合用于音频播放器和音乐网站等场景中。 2. 安装 你可以通过如下方式安装Wavesurfer.…

    JavaScript 2023年6月11日
    00
  • JS操作xml对象转换为Json对象示例

    下面是JS操作XML对象转换为JSON对象示例的完整攻略。 什么是XML对象和JSON对象? XML(Extensible Markup Language) 是一种文本格式的标记语言,用于存储和传输数据。XML 文件可作为 Web 文档来读取和呈现。 JSON(JavaScript Object Notation) 是一种轻量级的数据格式,它是一种文本格式的…

    JavaScript 2023年5月27日
    00
  • JavaScript表单验证完美代码

    下面是详细讲解 JavaScript 表单验证完美代码的攻略。 什么是 JavaScript 表单验证? JavaScript 表单验证是指利用 JavaScript 编写代码,对用户在表单中输入的数据进行校验。表单验证的目的在于防止用户误输入或恶意输入,确保表单提交的数据格式正确,并提升数据的安全性。 JavaScript 表单验证代码的编写步骤 在进行 …

    JavaScript 2023年6月10日
    00
  • 原生js仿jquery一些常用方法(必看篇)

    “原生js仿jquery一些常用方法(必看篇)”是一篇文章,介绍了如何使用纯原生的JavaScript实现一些常见的jQuery方法。这些方法包括:选择器、事件绑定、DOM操作、特效等。 以下是这篇文章中介绍的一些内容: 选择器 在jQuery中,我们可以使用美元符号($)来简化选择器的书写。例如: $(“.my-class”) 在原生JavaScript中…

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