【javascript高级教程】JavaScript Date(日期) 对象

举报
孙叫兽 发表于 2022/01/24 23:43:11 2022/01/24
【摘要】 日期对象用于处理日期和时间。 创建日期 Date 对象用于处理日期和时间。  可以通过 new 关键词来定义 Date 对象。以下代码定义了名为 myDate 的 Date 对象: 有四种方式初始化日期: new Date();new Date(value);new Date(dateString);new Date...

日期对象用于处理日期和时间。

创建日期

Date 对象用于处理日期和时间。 

可以通过 new 关键词来定义 Date 对象。以下代码定义了名为 myDate 的 Date 对象:

有四种方式初始化日期:


  
  1. new Date();
  2. new Date(value);
  3. new Date(dateString);
  4. new Date(year, monthIndex [, day [, hours [, minutes [, seconds [, milliseconds]]]]]);

上面的参数大多数都是可选的,在不指定的情况下,默认参数是0。

<p从 1970="" 年="" 1="" 月="" 日通用一天计算为86,400,000毫秒<="" p="">

实例化一个日期的一些例子:


  
  1. var today = new Date()
  2. var d1 = new Date("October 13, 1975 11:13:00")
  3. var d2 = new Date(79,5,24)
  4. var d3 = new Date(79,5,24,11,33,0)

设置日期

通过使用针对日期对象的方法,我们可以很容易地对日期进行操作。

在下面的例子中,我们为日期对象设置了一个特定的日期 (2010 年 1 月 14 日):


  
  1. var myDate=new Date();
  2. myDate.setFullYear(2010,0,14);

在下面的例子中,我们将日期对象设置为 5 天后的日期:


  
  1. var myDate=new Date();
  2. myDate.setDate(myDate.getDate()+5);

注意: 如果增加天数会改变月份或者年份,那么日期对象会自动完成这种转换。

两个日期比较

日期对象也可用于比较两个日期。

下面的代码将当前日期与 2100 年 1 月 14 日做了比较:


  
  1. var x=new Date();
  2. x.setFullYear(2100,0,14);
  3. var today = new Date();
  4. if (x>today)
  5. {
  6. alert("今天是2100年1月14日之前");
  7. }
  8. else
  9. {
  10. alert("今天是2100年1月14日之后");
  11. }

使用 getFullYear() 获取年份。


  
  1. <p id="demo">点击按钮获取今年的年份。</p>
  2. <button onclick="myFunction()">点我</button>
  3. <script>
  4. function myFunction(){
  5. var d = new Date();
  6. var x = document.getElementById("demo");
  7. x.innerHTML=d.getFullYear();
  8. }

getTime() 返回从 1970 年 1 月 1 日至今的毫秒数。


  
  1. <p id="demo">单击按钮显示197011号至今的毫秒数。</p>
  2. <button onclick="myFunction()">点我</button>
  3. <script>
  4. function myFunction(){
  5. var d = new Date();
  6. var x = document.getElementById("demo");
  7. x.innerHTML=d.getTime();
  8. }

如何使用 setFullYear() 设置具体的日期.


  
  1. <p id="demo">单击按钮显示修改后的年月日。</p>
  2. <button onclick="myFunction()">点我</button>
  3. <script>
  4. function myFunction(){
  5. var d = new Date();
  6. d.setFullYear(2020,10,3);
  7. var x = document.getElementById("demo");
  8. x.innerHTML=d;
  9. }
  10. </script>

如何使用 toUTCString() 将当日的日期(根据 UTC)转换为字符串。


  
  1. <p id="demo">点击按钮把 utc 日期和时间转换成字符串。</p>
  2. <button onclick="myFunction()">点我</button>
  3. <script>
  4. function myFunction(){
  5. var d = new Date();
  6. var x = document.getElementById("demo");
  7. x.innerHTML=d.toUTCString();
  8. }

如何使用 getDay() 和数组来显示星期,而不仅仅是数字。


  
  1. <p id="demo">单击按钮显示今天周几</p>
  2. <button onclick="myFunction()">点我</button>
  3. <script>
  4. function myFunction(){
  5. var d = new Date();
  6. var weekday=new Array(7);
  7. weekday[0]="周日";
  8. weekday[1]="周一";
  9. weekday[2]="周二";
  10. weekday[3]="周三";
  11. weekday[4]="周四";
  12. weekday[5]="周五";
  13. weekday[6]="周六";
  14. var x = document.getElementById("demo");
  15. x.innerHTML=weekday[d.getDay()];
  16. }

如何在网页上显示一个钟表。


  
  1. function startTime(){
  2. var today=new Date();
  3. var h=today.getHours();
  4. var m=today.getMinutes();
  5. var s=today.getSeconds();// 在小于10的数字前加一个‘0’
  6. m=checkTime(m);
  7. s=checkTime(s);
  8. document.getElementById('txt').innerHTML=h+":"+m+":"+s;
  9. t=setTimeout(function(){startTime()},500);
  10. }
  11. function checkTime(i){
  12. if (i<10){
  13. i="0" + i;
  14. }
  15. return i;
  16. }

文章来源: sunmenglei.blog.csdn.net,作者:孙叫兽,版权归原作者所有,如需转载,请联系作者。

原文链接:sunmenglei.blog.csdn.net/article/details/122677360

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。