初识JavaScript第十二节

❤️所谓自由,不是随心所欲,而是自我主宰。❤️

前言

  我们在上一节中接触到了"JavaScript 日期格式",相信大家已经了解到了JS输出日期的格式。

请添加图片描述

那么我们今天就来学习"JavaScript 日期获取方法"和"JavaScript 设置方法"。

请添加图片描述

JavaScript 日期获取方法

getTime() 方法

  getTime()方法返回自 1970 年 1 月 1 日以来的毫秒数。

实例

var d = new Date();
document.getElementById("jg").innerHTML = d.getTime();

输出结果

1654822095863
// 输出结果为从1970年1月1日到现在的毫秒数

getFullYear() 方法

  getFullYear() 方法以四位数字形式返回日期年份。

实例

var d = new Date();
document.getElementById("jg").innerHTML = d.getFullYear();

输出结果

2022
// 输出结果为当前日期完整年份

getMonth() 方法

  getMonth() 以数字(0-11)返回日期的月份。

在JS中1月的月号是0,所以12月返回月号为11。

实例

var d = new Date();
document.getElementById("jg").innerHTML = d.getMonth();

输出结果

5
// 输出结果为当前月份减一

  如果我们想获取正确的月份,就必须给结果加一。

实例

var d = new Date();
document.getElementById("jg").innerHTML = d.getMonth() + 1;

输出结果

6
// 输出结果为当前正确月份

  我们可以使用名称数组,并使用 getMonth() 将月份作为名称返回。

实例

var d = new Date();
var months = 
            [
            "January", "February", "March", "April", "May", "June", 
            "July", "August", "September", "October", "November", "December"
            ];
document.getElementById("jg").innerHTML = months[d.getMonth()];

输出结果

June
// 输出结果为当前月份的名称

getDate() 方法

  getDate() 方法以数字(1-31)返回日期的日。

实例

var d = new Date();
document.getElementById("jg").innerHTML = d.getDate();

输出结果

10
// 输出结果为当前正确日期数

getHours() 方法

  getHours() 方法以数字(0-23)返回日期的小时数。

实例

var d = new Date();
document.getElementById("jg").innerHTML = d.getHours();

输出结果

9
// 输出结果为当前正确的小时数

getMinutes() 方法

  getMinutes() 方法以数字(0-59)返回日期的分钟数。

实例

var d = new Date();
document.getElementById("jg").innerHTML = d.getMinutes();

输出结果

11
// 输出结果为当前正确的分钟数

getSeconds() 方法

  getSeconds() 方法以数字(0-59)返回日期的秒数。

实例

var d = new Date();
document.getElementById("jg").innerHTML = d.getSeconds();

输出结果

50
// 输出结果为当前秒数

getMilliseconds() 方法

  getMilliseconds() 方法以数字(0-999)返回日期的毫秒数.

实例

var d = new Date();
document.getElementById("jg").innerHTML = d.getMilliseconds();

输出结果

610
// 输出结果为当前毫秒数

getDay() 方法

  getDay() 方法以数字(0-6)返回日期的星期名(weekday)。

实例

var d = new Date();
document.getElementById("jg").innerHTML = d.getDay();

输出结果

5
// 输出结果为当前星期数

  在JS中,一周的第一天(0)表示“星期日”,即使世界上的一些国家认为周的第一天是“星期一”。
  在这我们可以使用名称数组,并使用 getDay() 将星期名作为名称返回。

实例

var d = new Date();
var days = ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"];
document.getElementById("jg").innerHTML = days[d.getDay()];

输出结果

Friday
// 输出结果为当前星期的名称

JavaScript 日期设置方法

setFullYear() 方法

  setFullYear() 方法设置日期对象的年份。

实例

var d = new Date();
d.setFullYear(2020);
document.getElementById("jg").innerHTML = d;

输出结果

Wed Jun 10 2020 10:03:35 GMT+0800 (中国标准时间)
// 输出结果指定年份的日期

  setFullYear() 方法可以选择设置月和日。

实例

var d = new Date();
d.setFullYear(2020, 9, 5);
document.getElementById("demo").innerHTML = d;
Mon Oct 05 2020 10:06:49 GMT+0800 (中国标准时间)
// 月份从0计数所以9就是十月,输出结果为指定日期。

setMonth() 方法

  setMonth() 方法设置日期对象的月份。

实例

var d = new Date();
d.setMonth(5);
document.getElementById("jg").innerHTML = d;

输出结果

Fri Jun 10 2022 10:13:14 GMT+0800 (中国标准时间)
// 输出结果为指定月份的时间

setDate() 方法

  setDate() 方法设置日期对象的日。

实例

var d = new Date();
d.setDate(22);
document.getElementById("jg").innerHTML = d;

输出结果

Wed Jun 22 2022 10:23:35 GMT+0800 (中国标准时间)
// 输出结果为指定日期的时间

  setDate() 方法也可用于将天数添加到日期。

实例

var d = new Date();
d.setDate(d.getDate() + 40);
document.getElementById("jg").innerHTML = d;

输出结果

Wed Jul 20 2022 10:27:06 GMT+0800 (中国标准时间)
// 输出结果为当前时间加添加的天数

setHours() 方法

  setHours() 方法设置日期对象的小时。

实例

var d = new Date();
d.setHours(7);
document.getElementById("demo").innerHTML = d;

输出结果

Fri Jun 10 2022 07:29:42 GMT+0800 (中国标准时间)
// 输出结果为指定小时的时间

setMinutes() 方法

  setMinutes()方法设置日期对象的分钟。

实例

var d = new Date();
d.setMinutes(20);
document.getElementById("demo").innerHTML = d;

输出结果

Fri Jun 10 2022 10:20:01 GMT+0800 (中国标准时间)
// 输出结果为指定分钟数的时间

setSeconds() 方法

  setSeconds() 方法设置日期对象的秒数。

实例

var d = new Date();
d.setSeconds(50);
document.getElementById("demo").innerHTML = d;

输出结果

Fri Jun 10 2022 10:35:50 GMT+0800 (中国标准时间)
// 输出结果为指定秒数的时间

比较日期

  日期可以很容易地进行比较。

实例

var today, someday, text;
today = new Date();
someday = new Date();
someday.setFullYear(2011, 0, 15);

if (someday > today) {
  text = "今天在 2011 年 1 月 15 日之前。";
} else {
  text = "今天在 2011 年 1 月 15 日之后。";
}
document.getElementById("jg").innerHTML = text;

输出结果

今天在 2011115 日之后。
// 输出结果为比较时间的结果

第十一节到这里就结束了

我们将会在下一节接触到数学等方法

Nothing in this world can last forever, not even our troubles.
在这世界上,没有什么能够永久,即使是我们的麻烦也不能
  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值