logo图片
Javascript教程
JavaScript基础
JavaScript Objects
JavaScript BOM
JavaScript DOM
JavaScript OOP
JavaScript Cookies
JavaScript事件
JavaScript异常
JavaScript常用

JavaScript Date对象

JavaScript date 对象可用于获取年,月和日。您可以借助JavaScript日期对象的帮助在网页上显示计时器。
您可以使用不同的Date构造函数创建日期对象。它提供了获取和设置日,月,年,时,分和秒的方法。

构造函数

您可以使用Date构造函数的4种变体来创建日期对象。
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() 它返回Date对象的日期部分。
toISOString() 它以ISO格式字符串的形式返回日期。
toJSON() 它返回代表Date对象的字符串。它还在JSON序列化过程中序列化Date对象。
toString() 它以字符串形式返回日期。
toTimeString() 它返回Date对象的时间部分。
toUTCString() 它将使用UTC时区以字符串形式转换指定的日期。
valueOf() 它返回Date对象的原始值。

JavaScript日期示例

让我们看一下打印日期对象的简单示例。它同时打印日期和时间。
当前日期和时间: <span id="txt"></span>
<script>
var today=new Date();
document.getElementById('txt').innerHTML=today;
</script>
输出:
当前日期和时间:
让我们看看另一个打印日期/月份/年份的代码。
<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>
输出:

JavaScript当前时间示例

让我们看一下打印系统当前时间的简单示例。
当前时间是: <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>
输出:
当前时间是:

JavaScript Number时钟示例

让我们看一下使用JavaScript日期对象显示数字时钟的简单示例。
设置间隔的方法有两种在JavaScript中:通过setTimeout()或setInterval()方法。
当前时间是: <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();
m=checkTime(m);
s=checkTime(s);
document.getElementById('txt').innerHTML=h+":"+m+":"+s;
setTimeout(function(){getTime()},1000);
}
function checkTime(i){
if (i<10){
  i="0" + i;
 }
return i;
}
</script>
输出:
当前时间是:
昵称: 邮箱:
Copyright © 2020 立地货 All Rights Reserved.
备案号:京ICP备14037608号-4