JavaScript 日期对象
JavaScript日期对象可用于获取年、月和日。您可以通过JavaScript日期对象在网页上显示计时器。
您可以使用不同的日期构造函数来创建日期对象。它提供了获取和设置日、月、年、小时、分钟和秒的方法。
构造函数
您可以使用四种不同的日期构造函数来创建日期对象。
- Date()
- Date(milliseconds)
- Date(dateString)
- 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: