获取当前时间日期

代码真的养发

已于 2023-10-16 08:30:57 修改

阅读量364

点赞数 1

文章标签： 1024程序员节前端 javascript

于 2022-10-24 10:00:20 首次发布

本文链接：https://blog.csdn.net/m0_71966801/article/details/127486331

版权

本文讲解了如何使用HTML结构配合JavaScript的newDate()和toLocaleString()方法，实现在网页上实时更新显示本地化日期，包括Date对象的创建、toLocaleString()的使用及其本地化规则，适合理解日期格式化和国际化需求的开发者。

摘要由CSDN通过智能技术生成

HTML 结构

代码首先引入了一个 <!DOCTYPE html> 声明，指定文档类型为 HTML。接着，在 <html> 标签中定义了整个 HTML 文档的结构。

head 部分

在 <head> 标签中，我们可以看到以下元素：

<meta charset="utf-8" />：指定了文档的字符编码为 UTF-8，确保能够正确显示中文等非 ASCII 字符。
<title>：定义了文档的标题，这里留空未填写具体内容。

body 部分

在 <body> 标签中，我们可以看到以下元素：

<div id="jnkc">：定义了一个具有 id 属性为 "jnkc" 的 <div> 元素，用于显示日期和星期的信息。

JavaScript 代码

setInterval("jnkc.innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());", 1000);

这段代码使用了 setInterval 函数，以指定的时间间隔（这里是 1000 毫秒，即每秒）执行一次给定的代码。代码的功能是更新 id 为 "jnkc" 的 <div> 元素的内容，以显示当前日期和星期。

具体来说，代码使用了 new Date().toLocaleString() 获取当前日期和时间的字符串表示，然后通过拼接字符串的方式，附加上星期信息（利用 new Date().getDay() 获取当前星期数，并通过字符索引获取对应的星期名称），最后将结果赋值给 <div> 元素的 innerHTML 属性，从而实现动态更新显示。

new Date()

在 JavaScript 中，new Date() 是用于创建一个表示当前日期和时间的 Date 对象的构造函数。它可以不带参数调用，也可以传递参数以指定特定的日期和时间。在这段代码中，未给构造函数传递任何参数，所以它返回的是当前日期和时间的 Date 对象。

toLocaleString()

toLocaleString() 是 Date 对象的一个方法，用于将日期对象转换为字符串，并根据本地化规则显示日期和时间。它会根据当前用户的浏览器设置和语言环境来确定显示的格式。

知识点

以下是与 new Date().toLocaleString() 相关的知识点：

Date 对象：了解如何使用 new Date() 来创建表示日期和时间的对象，以及 Date 对象提供的其他方法和属性。
日期和时间格式化：了解如何将日期和时间转换为特定格式的字符串，以满足不同的需求。toLocaleString() 是其中一种常见的格式化方式。
本地化规则：了解不同地区和语言对于日期和时间表示的差异，以及如何根据本地化规则来显示日期和时间，以确保用户能够理解和接受。
国际化和本地化（i18n 和 l10n）：了解如何在编程中处理不同语言和地区的文本和格式化要求，以提供更好的用户体验。