JavaScript 日期对象

JavaScript 日期对象

JavaScript日期对象可用于获取年、月和日。您可以通过JavaScript日期对象在网页上显示计时器。

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

构造函数

您可以使用四种不同的日期构造函数来创建日期对象。

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

JavaScript日期方法

让我们看一下带有描述的JavaScript日期方法列表。

方法 描述
getDate() 返回一个表示指定日期的本地时间基础上的1到31之间的整数值,代表日期。
getDay() 返回一个表示本地时间基础上的0到6之间的整数值,代表星期几。
getFullYears() 返回一个表示本地时间基础上的年份的整数值。
getHours() 返回一个表示本地时间基础上的0到23之间的整数值,代表小时数。
getMilliseconds() 返回一个表示本地时间基础上的0到999之间的整数值,代表毫秒数。
getMinutes() 它返回一个介于0和59之间的整数值,表示基于当地时间的分钟。
getMonth() 它返回一个介于0和11之间的整数值,表示基于当地时间的月份。
getSeconds() 它返回一个介于0和60之间的整数值,表示基于当地时间的秒钟。
getUTCDate() 它返回一个介于1和31之间的整数值,表示基于协调世界时的指定日期的日期。
getUTCDay() 它返回一个介于0和6之间的整数值,表示基于协调世界时的星期几。
getUTCFullYears() 它返回一个表示基于协调世界时的年份的整数值。
getUTCHours() 它返回一个介于0和23之间的整数值,表示基于协调世界时的小时数。
getUTCMinutes() 它返回一个介于0和59之间的整数值,表示基于协调世界时的分钟数。
getUTCMonth() 它返回一个介于0和11之间的整数值,表示基于协调世界时的月份。
getUTCSeconds() 它返回一个介于0和60之间的整数值,表示基于协调世界时的秒数。
setDate() 根据本地时间设置指定日期的日期值。
setDay() 根据本地时间设置指定日期的星期几。
setFullYears() 根据本地时间设置指定日期的年份值。
setHours() 根据本地时间设置指定日期的小时值。
setMilliseconds() 根据本地时间设置指定日期的毫秒值。
setMinutes() 根据本地时间设置指定日期的分钟值。
setMonth() 根据本地时间设置指定日期的月份值。
setSeconds() 根据本地时间设置指定日期的秒钟值。
setUTCDate() 根据协调世界时设置指定日期的日期值。
setUTCDay() 根据协调世界时设置指定日期的星期几。
setUTCFullYears() 根据协调世界时设置指定日期的年份值。
setUTCHours() 根据协调世界时设置指定日期的小时值。
setUTCMilliseconds() 它基于世界标准时间设置指定日期的毫秒值。
setUTCMinutes() 它基于世界标准时间设置指定日期的分钟值。
setUTCMonth() 它基于世界标准时间设置指定日期的月份值。
setUTCSeconds() 它基于世界标准时间设置指定日期的秒值。
toDateString() 它返回一个日期对象的日期部分。
toISOString() 它以ISO格式字符串的形式返回日期。
toJSON() 它返回表示日期对象的字符串。它还在JSON序列化期间对日期对象进行序列化。
toString() 以字符串形式返回日期。
toTimeString() 返回日期对象的时间部分。
toUTCString() 使用UTC时区将指定日期转换为字符串形式。
valueOf() 返回日期对象的原始值。

JavaScript日期示例

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

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

输出:

Current Date and Time:   

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: 

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>

输出:

Current Time: 

Camera课程

Python教程

Java教程

Web教程

数据库教程

图形图像教程

办公软件教程

Linux教程

计算机教程

大数据教程

开发工具教程