1. 主页
  2. 文档
  3. JavaScript 教程
  4. JavaScript 对象
  5. JavaScript Date

JavaScript Date

javascript日期对象可以用来获取年,月,日。您可以借助 JavaScript 日期对象在网页上显示计时器。

您可以使用不同的 Date 构造函数来创建日期对象。它提供了获取和设置日、月、年、时、分和秒的方法。

构造函数

您可以使用 Date 构造函数的 4 个变体来创建日期对象。

  1. Date()
  2. Date(milliseconds)
  3. Date(dateString)
  4. Date(year, month, day, hours, minutes, seconds, milliseconds)

JavaScript 日期方法

让我们看看 JavaScript 日期方法列表及其描述。

稍等。。

JavaScript 日期示例

让我们看看打印日期对象的简单示例。它打印日期和时间。

Current Date and Time: <span id="txt"></span> 
<script> 
var today=new Date(); 
document.getElementById('txt').innerHTML=today; 
</script> 

输出:

Current Date and Time: Thu Jan 06 2022 23:03:48 GMT+0800 (China Standard Time)

让我们看看另一个打印日期/月/年的代码。

<script> 
var date=new Date(); 
var day=date.getDate(); 
var month=date.getMonth()+1; 
var year=date.getFullYear(); 
document.write("<br>Date is: "+day+"/"+month+"/"+year); 
</script> 

输出:

Date is: 6/1/2022

JavaScript 当前时间示例

让我们看一个简单的例子来打印系统的当前时间。

Current Time: <span id="txt"></span> 
<script> 
var today=new Date(); 
var h=today.getHours(); 
var m=today.getMinutes(); 
var s=today.getSeconds(); 
document.getElementById('txt').innerHTML=h+":"+m+":"+s; 
</script> 

输出:

Current Time: 23:3:48

JavaScript 数字时钟示例

让我们看看使用 JavaScript 日期对象显示数字时钟的简单示例。

在 JavaScript 中有两种设置间隔的方法:通过 setTimeout() 或 setInterval() 方法。

Current Time: <span id="txt"></span> 
<script> 
window.onload=function(){getTime();} 
function getTime(){ 
var today=new Date(); 
var h=today.getHours(); 
var m=today.getMinutes(); 
var s=today.getSeconds(); 
// add a zero in front of numbers<10 
m=checkTime(m); 
s=checkTime(s); 
document.getElementById('txt').innerHTML=h+":"+m+":"+s; 
setTimeout(function(){getTime()},1000); 
} 
//setInterval("getTime()",1000);//another way 
function checkTime(i){ 
if (i<10){ 
i="0" + i; 
} 
return i; 
} 
</script> 

 

这篇文章对您有用吗?