一、显示效果

二、实现过程

1、引入jquery

<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>

2、html代码

<div id="aa" style="width:1200px; margin:30px auto; height:200px; border:1px solid; font-size:100px;"></div>

3、jquery代码

Web开发中，经常需要获取当前的日期和时间，以便于在页面中显示或进行相应的操作。JavaScript提供了一些内置的方法，可以方便地获取当前的日期和时间。

获取当前日期

要获取当前的日期，我们可以使用Date对象的getDate()、getMonth()和getFullYear()方法。具体步骤如下：

• 创建一个Date对象，没有传入任何参数，即默认为当前时间。
• 使用getDate()方法获取当前的日期。
• 使用getMonth()方法获取当前的月份，注意月份是从0开始计数的，所以需要加1。
• 使用getFullYear()方法获取当前的年份。

下面是一个示例代码：

var now=new Date();
var day=now.getDate();
var month=now.getMonth() + 1;
var year=now.getFullYear();
console.log("当前日期为：" + year + "-" + month + "-" + day);

运行上述代码，控制台将输出当前日期，例如：当前日期为：2023-10-31。

获取当前时间

要获取当前的时间，我们可以使用Date对象的getHours()、getMinutes()和getSeconds()方法。具体步骤如下：

• 创建一个Date对象，没有传入任何参数，即默认为当前时间。
• 使用getHours()方法获取当前的小时数。
• 使用getMinutes()方法获取当前的分钟数。
• 使用getSeconds()方法获取当前的秒数。

下面是一个示例代码：

var now=new Date();
var hours=now.getHours();
var minutes=now.getMinutes();
var seconds=now.getSeconds();
console.log("当前时间为：" + hours + ":" + minutes + ":" + seconds);

运行上述代码，控制台将输出当前时间，例如：当前时间为：13:24:21。

获取当前日期和时间

如果需要同时获取当前的日期和时间，可以将上述两个步骤合并。具体步骤如下：

创建一个Date对象，没有传入任何参数，即默认为当前时间。

下面是一个示例代码：

var now=new Date();
var day=now.getDate();
var month=now.getMonth() + 1;
var year=now.getFullYear();
var hours=now.getHours();
var minutes=now.getMinutes();
var seconds=now.getSeconds();
console.log("当前日期和时间为：" + year + "-" + month + "-" + day + " " + hours + ":" + minutes + ":" + seconds);

运行上述代码，控制台将输出当前日期和时间，例如：当前日期和时间为：2023-10-31 13:25:13。

总结

通过JavaScript的Date对象，我们可以方便地获取当前的日期和时间。通过使用getDate()、getMonth()、getFullYear()、getHours()、getMinutes()和getSeconds()方法，可以轻松地获取所需的日期和时间信息。