查看原文
其他

每天学点JS之--JS获取时间操作详解

2017-08-17 alsttt 前端大学

1. 获取年月日

1). getFullYear()

getFullYear() 方法可返回一个表示年份的 4 位数字。

例子1:


<script type="text/javascript">

var d = new Date();

document.write(d.getFullYear());

</script>


结果为:


说明:

1). 该函数的返回值是一个四位数,表示包括世纪值在内的完整年份,而不是两位数的缩写形式。

2). 该方法总是结合一个 Date 对象来使用。

2). getMonth()

getMonth() 方法可返回表示月份的数字。

例子2:


<script type="text/javascript">

var d=new Date();

document.write(d.getMonth());

</script>


结果为:


说明:

1). 它返回的月份字段,是使用本地时间,所以肯定有些同学的结果和老师的不一样哦。而且返回值是 0(一月) 到 11(十二月) 之间的一个整数。

2). 该方法也总是结合一个 Date 对象来使用。  


3). getDate()

getDate() 方法可返回月份的某一天,返回对象所指的月份中的某一天,使用本地时间。返回值是 1 ~ 31 之间的一个整数。

例子3:返回当前为多少号。


<script type="text/javascript">

var d = new Date()

document.write(d.getDate())

</script>


结果为:


注意:

1). 月份是用0开始的哦,0就代表1月,所以根本不会有12,同学们记得注意哦。

2). 返回的结果由同学们运行该程序的日期有关哦,只要是当前的号数就是正确的哦。


2. 获取时分秒

1).getFullYear()

返回 Date 对象中用本地时间表示的年份值。

例子4:


<script type="text/javascript">

var d = new Date();

var n = d.getFullYear();

document.write(n);

</script>


结果为:


说明:

1). getFullYear 方法以绝对数字的形式返回年份值。

2). getFullYear()和getYear()区别就是前者不会出现浏览器兼容性问题,而后者会因浏览器不同出现不同的结果。  

2). getMonth()

getMonth() 方法可返回表示月份的数字。

例子5:返回当前月份


<script type="text/javascript">

var d=new Date();

document.write(d.getMonth());

</script>


结果为:



3. 获取星期

1). getDay()

getDay() 方法可返回表示星期的某一天的数字。 返回值是 0(周日) 到 6(周六) 之间的一个整数。  

例子6:返回当前星期几的数字表示。


<script type="text/javascript">

var d=new Date();

document.write(d.getDay());

</script>


结果为:


说明:

因为今天星期二,所以返回2。

注意:

星期日的返回值是0哦!


2). 用switch

例子8:


<script>

//创建Date对象的一个实例

var today = new Date();

//取出today对象中的星期值

var week = today.getDay(); //返回值0-6,0代表星期天

//输出中文的星期

switch (week) {

case 1:

str = "星期一";

break;

case 2:

str = "星期二";

break;

case 3:

str = "星期三";

break;

case 4:

str = "星期四";

break;

case 5:

str = "星期五";

break;

case 6:

str = "星期六";

break;

default:

str = "星期天";

}

document.write("今天是:" + str);

</script>


结果为:



4. 用数组

例子8:


<script type="text/javascript">

var d = new Date();

var weekday = new Array(7);

weekday[0] = "星期日";

weekday[1] = "星期一";

weekday[2] = "星期二";

weekday[3] = "星期三";

weekday[4] = "星期四";

weekday[5] = "星期五";

weekday[6] = "星期六";

document.write("今天是" + weekday[d.getDay()])

</script>


结果为:


总结:

1). 时间函数很多,同学们可能会觉得很难记,可以不用记住,在实际运用中,多用几次自然就熟悉了。

2). 一定要特别注意:时间里面的月份是用0开始。


 推荐阅读:

1.好的程序员到底好在哪里?

2.JavaScript 深入之继承的多种方式和优缺点

3.看程序员之间的鄙视链和段位,你是什么段位?

感谢 · 转发传播前端知识


您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存