首页 > 网络编程 > JavaScript > JavaScript时间对象之常用方法的设置实例

JavaScript时间对象之常用方法的设置实例

福牛 5月 23, 2023 18 0

时间对象常用方法—设置

设置年 setFullYear

作用：单独设置时间对象内的年份信息

语法：时间对象.setFullYear(年份信息)

返回值：返回一个修改后的时间

  1. var time = new Date()
  2. console.log(time) //Thu Sep 30 2021 14:24:27 GMT+0800 (中国标准时间)
  3. time.setFullYear(2019)
  4. console.log(time) //Mon Sep 30 2019 14:24:27 GMT+0800 (中国标准时间)

设置月 setMonth

作用：单独设置时间对象内的月份信息

语法：时间对象.setMonth(月份信息)

返回值：返回一个修改后的时间

注意：0 表示 1 月份, 11 表示 12 月份

  1. var time = new Date()
  2. console.log(time) //Thu Sep 30 2021 14:33:33 GMT+0800 (中国标准时间)
  3. time.setMonth(11)
  4. console.log(time) //Thu Dec 30 2021 14:33:33 GMT+0800 (中国标准时间)

设置天 setDate

作用：单独设置时间对象内的日期信息

语法：时间对象.setDate(日期信息)

返回值：返回一个修改后的时间

月份是1–31

  1. var time = new Date()
  2. console.log(time) //Thu Sep 30 2021 14:33:33 GMT+0800 (中国标准时间)
  3. time.setDate(11)
  4. console.log(time) //Sat Sep 11 2021 14:39:03 GMT+0800 (中国标准时间)

设置小时 setHours

作用：单独设置时间对象内的小时信息

语法：时间对象.setHours(小时信息)

返回值：返回一个修改后的时间

时间是0~~23

  1. var time = new Date()
  2. console.log(time) //Thu Sep 30 2021 14:33:33 GMT+0800 (中国标准时间)
  3. time.setHours(22)
  4. console.log(time) //Thu Sep 30 2021 22:45:59 GMT+0800 (中国标准时间)

设置分钟 setMinutes

作用：单独设置时间对象内的分钟信息

语法：时间对象.setMinutes(分钟信息)

返回值：返回一个修改后的时间

时间是0~~59

  1. var time = new Date()
  2. console.log(time) //Thu Sep 30 2021 14:33:33 GMT+0800 (中国标准时间)
  3. time.setMinutes(45)
  4. console.log(time) //Thu Sep 30 2021 14:45:52 GMT+0800 (中国标准时间)

设置秒 setSeconds

作用：单独设置时间对象内的秒钟信息

语法：时间对象.setSeconds(秒钟信息)

返回值：返回一个修改后的时间

时间是0~~59

  1. var time = new Date()
  2. console.log(time) //Thu Sep 30 2021 14:33:33 GMT+0800 (中国标准时间)
  3. time.setSeconds(55)
  4. console.log(time) //Thu Sep 30 2021 14:52:55 GMT+0800 (中国标准时间)

设置毫秒 setMilliseconds

作用：单独设置时间对象内的毫秒信息

语法：时间对象.setMilliseconds(毫秒信息)

返回值：返回一个修改后的时间

时间是0~~999

  1. var time = new Date()
  2. console.log(time) //Thu Sep 30 2021 14:33:33 GMT+0800 (中国标准时间)
  3. time.setMilliseconds(1000)
  4. console.log(time.setMilliseconds(1000)) //1632985218000

设置时间戳 setTime

作用：用来这是时间戳

语法：时间对象.setTime(毫秒信息)

返回值：返回一个格林威治时间到设置时间的一个时间

  1. var time = new Date()
  2. console.log(time) //Thu Sep 30 2021 14:33:33 GMT+0800 (中国标准时间)
  3. time.setTime(1632985218000)
  4. console.log(time) //Thu Sep 30 2021 15:00:18 GMT+0800 (中国标准时间)
  5. time.setTime(2000)
  6. console.log(time);//Thu Jan 01 1970 08:00:02 GMT+0800 (中国标准时间)

Date 内对象内的一些其他方法

时间对象的其它方法

toString() ：将Date转换为一个’年月日 时分秒’字符串

toLocaleString() ：将Date转换为一个’年月日 时分秒’的本地格式字符串

toDateString() ：将Date转换为一个’年月日’字符串

toLocaleDateString() ：将Date转换为一个’年月日’的本地格式字符串

toTimeString() ：将Date转换为一个’时分秒’字符串

toLocaleTimeString() ：将Date转换为一个’时分秒’的本地格式字符串

valueOf() ：与getTime()一样， 返回一个毫秒数从现在到格林威治时间的毫秒数

  1. // 时间对象的其它方法
  2. var time = new Date();
  3. console.log(time); // Tue Feb 21 2023 15:10:38 GMT+0800 (中国标准时间)
  4. console.log(time.()); // Tue Feb 21 2023 15:10:38 GMT+0800 (中国标准时间)
  5. console.log(time.toLocaleString()); // 2023/2/21 15:10:38
  6. console.log(time.toDateString()); // Tue Feb 21 2023
  7. console.log(time.toLocaleDateString()); // 2023/2/21
  8. console.log(time.toTimeString()); // 15:10:38 GMT+0800 (中国标准时间)
  9. console.log(time.toLocaleTimeString()); // 15:10:38
  10. console.log(time.valueOf()); // 1676963438332

静态方法

Date.now() :返回一个毫秒数从现在到格林威治时间的毫秒数

Date.parse(dateStr) : 把字符串转换为Date对象 ，然后返回此Date对象与格林威治时间的毫秒数

  1. // 静态方法
  2. console.log(Date.now()) // 1676963759879
  3. console.log(Date.parse(‘2023/2/20 12:00:00’)); // 1676865600000
  4. console.log(Date.parse(‘2023-2-20 12:00:00’)); // 1676865600000

案例 – 封装时间差函数

  1. // 定一两个时间
  2. var time = new Date()
  3. var time1 = new Date(‘2021-11-23 00: 00: 00’)
  4. // 既然要分装成一个函数 就要先定义一个函数
  5. function diffTime(time, time1) {
  6.      // 定义一个空对象
  7.      var obj = {}
  8.      // 首先我们要拿到传进来的两个时间 但是我们不知道那个是大一点儿的时间 那个是小一点儿的时间
  9.      var subMs = Math.abs(time – time1)
  10.      // 这里我们先把毫秒转成秒
  11.      var sub = Math.ceil(subMs / 1000)
  12.      // 计算我们有多少天 多少小时多少分钟和多少秒
  13.      var day = parseInt(sub / (24 * 60 * 60))
  14.      var hours = parseInt(sub % (24 * 60 * 60) / (60 * 60))
  15.      var minutes = parseInt(sub % (60 * 60) / 60)
  16.      var seconds = sub % 60
  17.      // 接下来就是把我们拿到的添加到对象里面
  18.      obj.day = day
  19.      obj.hours = hours
  20.      obj.minutes = minutes
  21.      obj.seconds = seconds
  22.      // 最后我们要把这个空对象返回出去
  23.      return obj
  24. }
  25. // 首次代码优化
  26. var time1 = new Date()
  27. var time2 = new Date(‘2021-12-12 00:00:00’)
  28. function diffTime(time1, time2) {
  29.      var obj = {}
  30.      var subMs = Math.abs(time1 – time2)
  31.      var sub = Math.ceil(subMs / 1000)
  32.      var day = parseInt(sub / (24 * 60 * 60))
  33.      var hours = parseInt(sub % (24 * 60 * 60) / (60 * 60))
  34.      var minutes = parseInt(sub % (60 * 60) / 60)
  35.      var seconds = sub % 60
  36.      obj.day = day
  37.      obj.hours = hours
  38.      obj.minutes = minutes
  39.      obj.seconds = seconds
  40.      return obj
  41. }
  42. // 使用
  43. var res = diffTime(time, time1)
  44. console.log(res);
  45. // 再次代码优化
  46. var time1 = new Date()
  47. var time2 = new Date(‘2021-12-12 00:00:00’)
  48. function diffTime(time1, time2) {
  49.      var sub = Math.ceil(Math.abs(time1 – time2) / 1000)
  50.      return {
  51.          day: parseInt(sub / (24 * 60 * 60)),
  52.          hours: parseInt(sub % (24 * 60 * 60) / (60 * 60)),
  53.          minutes: parseInt(sub % (60 * 60) / 60),
  54.          seconds: sub % 60
  55.      }
  56. }
  57. // 使用
  58. var res = diffTime(time1, time2)
  59. console.log(res);
  60. // 代码优化
  61. function diffTime(time, time1) {
  62.      var sub = Math.ceil(Math.abs(time – time1) / 1000)
  63.      return obj = {
  64.          day: parseInt(sub / (24 * 60 * 60)),
  65.          hours: parseInt(sub % (24 * 60 * 60) / (60 * 60)),
  66.          minutes: parseInt(sub % (60 * 60) / 60),
  67.          seconds: sub % 60
  68.      }
  69. }
  70. var res = diffTime(time, time1)
  71. console.log(res);

以上就是JavaScript时间对象之常用方法的设置实例的详细内容，更多关于javascript时间对象设置的资料请关注我们其它相关文章！

标签

相关推荐

发表评论