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:
极客笔记