解释一下 JavaScript 中的 Date() 对象?
在 JavaScript 中,Date 对象是一个存储日期和时间的内置对象。它还提供了许多 JavaScript 内置方法,如 getDate() 和 getTime() 等。它们分别用于访问当前日期和时间。
var d = new Date();
此外,我们可以在日期对象中写入日期和时间格式。
var d = new Date(year,month,day,hour,minute,second);
通过 Date 对象,我们可以以正确的格式获取当前位置、日期和时间。
示例 1
在上面的程序中,如您所见,我们只是创建了一个日期对象,通过该日期对象,我们可以找到特定位置的当前日期和时间。
<!DOCTYPE html> <html> <head> <title>Date Object</title> </head> <body> <script> var dt = new Date(); document.write(dt); </script> </body> </html>
使用 getFullYear() 方法
在 JavaScript 中,getFullYear() 也是一个内置方法。通过 getFullYear() 方法,我们可以获取当前年份。以下是此方法的语法 −
var dt = new Date(); document.write(dt.getFullYear());
示例
我们来举一个合适的例子。在 JavaScript 中,我们有很多日期和时间格式的内置方法;但是,我们在这里使用 getFullYear() 方法来输出当前年份。
<!DOCTYPE html> <html> <head> <title>Date Object</title> </head> <body> <script> var dt = new Date(); var year = dt.getFullYear(); document.write("Year = "+ year); </script> </body> </html>
使用 getDate()
通过使用 getDate() 方法,我们可以找到当前日期。这是 JavaScript 中的内置方法。以下是此方法的语法 -
d.getDate();
其中 d 是 Date() 对象的实例变量。
让我们尝试通过一个例子来理解。
示例 1
在给定的示例中,我们使用日期和时间格式内置方法 getDate() 来查找当前日期。
<!DOCTYPE html> <html> <head> <title>Date Object</title> </head> <body> <script> var d = new Date(); var date = d.getDate(); document.write("Today's date is = " + date); </script> </body> </html>
示例 2
在此示例中,我们将使用 date() 对象查找日期和时间。date 对象包含三个元素;一个用于查找当前年份,一个用于查找当前月份,另一个用于查找当前日期。
<!DOCTYPE html> <html> <head> <title>Date Object</title> </head> <body> <script> var dt = new Date(); var year = dt.getFullYear(); var month = dt.getMonth(); var date = dt.getDate(); document.write("Today's date is : " + date + "/" + month + "/" + year); var hour = dt.getHours(); var minute = dt.getMinutes(); var second = dt.getSeconds(); document.write("<br>The current time is :" + hour + " : " + minute + " : " + second); </script> </body> </html>
在上面的程序中,您可以看到我们使用了所有内置的时间和日期格式化方法来获取当前日期和当前时间。所以很容易理解。您还可以看到该程序的输出。
使用 Date() 对象的动态时间
为了获得动态变化的实时日期,就像它在不同智能设备上的时钟上显示的那样,我们将了解如何使用 Date() 对象。
示例
在下面的程序中,我们使用了 setInterval()、getHour()、getMinute() 和 getSecond() 方法以动态格式获取当前时间;这意味着时间将与实时时钟一起更新,以秒为单位。
setInterval()
setInterval() 方法包含两个参数;一个接受函数,另一个接受时间。
setInterval(函数名称,时间);
我们可以在上面的例子中看到这种方法 −
示例
<!DOCTYPE html> <html> <head> <title>Date Object</title> </head> <span id = 'demo'></span> <body> <script> setInterval(index, 1000); function index(){ var d = new Date(); var hour = d.getHours(); var minute = d.getMinutes(); var second = d.getSeconds(); document.getElementById('demo').innerHTML = "Time is : " + hour + " : " + minute + " : " + second; } </script> </body> </html>