为了账号安全,请及时绑定邮箱和手机立即绑定
首页 手记 【九月打卡】第15天 JavaScript进阶篇

【九月打卡】第15天 JavaScript进阶篇

2022.09.19 13:50 27浏览

课程名称JavaScript进阶篇

课程章节:第7章 JavaScript内置对象

课程讲师:  慕课官方号

课程内容

返回/设置年份方法

get/setFullYear() 返回/设置年份,用四位数表示。

var mydate=new Date();//当前时间2014年3月6日 
document.write(mydate+"<br>");//输出当前时间 
document.write(mydate.getFullYear()+"<br>");//输出当前年份 
mydate.setFullYear(81); //设置年份 
document.write(mydate+"<br>"); //输出年份被设定为 0081年。


注意:不同浏览器, mydate.setFullYear(81)结果不同,年份被设定为 0081或81两种情况。

结果:

Thu Mar 06 2014 10:57:47 GMT+0800 2014 Thu Mar 06 0081 10:57:47 GMT+0800


注意:

1.结果格式依次为:星期、月、日、年、时、分、秒、时区。(火狐浏览器)

2. 不同浏览器,时间格式有差异。

编程练习

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>获得年份 </title>
<script type="text/javascript">
var mydate=new Date();
var myyear=mydate.getFullYear();
document.write("年份:"+myyear+"<br/ >");
document.write(" 日期:"+mydate);
</script>
</head>
<body>
</body>
</html>

返回星期方法

getDay() 返回星期,返回的是0-6的数字,0 表示星期天。如果要返回相对应“星期”,通过数组完成,代码如下:

<script type="text/javascript">   
var mydate=new Date();//定义日期对象   
var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"]; //定义数组对象,给每个数组项赋值   
var mynum=mydate.getDay();//返回值存储在变量mynum中   
document.write(mydate.getDay());//输出getDay()获取值   
document.write("今天是:"+ weekday[mynum]);//输出星期几 </script>

  <!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>获得星期</title>
<script type="text/javascript">
  var mydate=new Date();
  var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
  document.write("今天是:" +weekday[mydate.getDay()] );
</script>
</head>
<body>
</body>
</html>

返回/设置时间方法

get/setTime() 返回/设置时间,单位毫秒数,计算从 1970 年 1 月 1 日零时到日期对象所指的日期的毫秒数。

如果将目前日期对象的时间推迟1小时,代码如下:

<script type="text/javascript">
  var mydate=new Date();
  document.write("当前时间:"+mydate+"<br>");
  mydate.setTime(mydate.getTime() + 60 * 60 * 1000);
  document.write("推迟一小时时间:" + mydate);</script>


结果:

当前时间:Thu Mar 6 11:46:27 UTC+0800 2014

推迟一小时时间:Thu Mar 6 12:46:27 UTC+0800 2014

注意:

        1. 一小时 60 分,一分 60 秒,一秒 1000 毫秒

        2. 时间推迟 1 小时,就是: “x.setTime(x.getTime() + 60 * 60 * 1000);”

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>日期对象 </title>
<script type="text/javascript">
 var mydate=new Date();
  document.write("当前时间:"+mydate+"<br>");
  mydate.setTime( mydate.getTime()  + 2* 60 * 60 * 1000);
  document.write("推迟二小时时间:" + mydate);
</script>
</head>
<body>
</body>
</html>

课程收获

谢谢老师,讲的非常细致,很容易懂。这一节学习了什么返回/设置年份,get/setTime() 返回/设置时间,想要完全掌握还需要大量练习,通过学习我了解了日期对象可以储存任意一个日期,并且可以精确到毫秒数,以及在什么情况下使用,给以后的学习打下了基础。以及对数据有了新的认识,期待后边的学习!

点击查看更多内容
1人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
Web前端工程师
手记
粉丝
0
获赞与收藏
19

关注TA,一起探索更多经验知识

同主题相似文章浏览排行榜

风间影月说签约讲师

50篇手记,涉及Java、MySQL、Redis、Spring等方向

进入讨论

Tony Bai 说签约讲师

146篇手记,涉及Go、C、Java、Python等方向

进入讨论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消