day08-Math 和 Date

• Math 是 js 的一个内置对象，提供了一堆的方法帮助我们操作 数字
• Date 是 js 的一个内置对象，提供了一堆的方法帮助我们操作 时间

Math

• 没有什么多余的东西，就是一堆的方法来操作数字

random

• Math.random() 这个方法是用来生成一个 0 ~ 1 之间的随机数

• 每次执行生成的数字都不一样，但是一定是 0 ~ 1 之间的

• 生成的数字包含 0 ，但是不包含 1

  var num = Math.random()
  console.log(num) // 得到一个随机数
  

round

• Math.round() 是将一个小数 四舍五入 变成一个整数

  var num = 10.1
  console.log(Math.round(num)) // 10
  
  var num2 = 10.6
  console.log(Math.round(num2)) // 11
  

abs

• Math.abs() 是返回一个数字的 绝对值

  var num = -10
  console.log(math.abs(num)) // 10
  

ceil

• Math.ceil() 是将一个小数 向上取整 得到的整数

  var num = 10.1
  console.log(Math.ceil(num)) // 11
  
  var num2 = 10.9
  console.log(Math.ceil(num2)) // 11
  

floor

• Math.floor() 是将一个小数 向下取整 的到的整数

  var num = 10.1
  console.log(Math.floor(num)) // 10
  
  var num2 = 10.9
  console.log(Math.floor(num2)) // 10
  

max

• Math.max() 得到的是你传入的几个数字之中 最大 的那个数字

  console.log(Math.max(1, 2, 3, 4, 5)) // 5
  

min

• Math.min() 得到的是你传入的几个数字之中 最小 的那个数字

  console.log(Math.min(1, 2, 3, 4, 5)) // 1
  

PI

• Math.PI 得到的是 π 的值，也就是 3.1415926...

  console.log(Math.PI) // 3.141592653589793
  

  • 因为计算机的计算精度问题，只能得到小数点后 15 位

强化练习1

1. 编写一个函数，能够获得一个随机的 0 ～ 255 之间的数字

   function getNum() {
     // code in here ...
   }
   
   var num = getNum()
   // 要求 num 的值在 1 ～ 255 之间（包含 1 和 255）
   

2. 编写一个函数，获得一个十六进制的随机颜色的字符串(例如：#20CD4F)

Date

• js 提供的内置构造函数，专门用来获取时间的

new Date()

• new Date() 在不传递参数的情况下是默认返回当前时间

  var time = new Date()
  console.log(time) // 当前时间 Fri Mar 01 2019 13:11:23 GMT+0800 (中国标准时间)
  

• new Date() 在传入参数的时候，可以获取到一个你传递进去的时间

  var time = new Date('2019-03-03 13:11:11')
  console.log(time) // Sun Mar 03 2019 13:11:11 GMT+0800 (中国标准时间)
  

• new Date() 传递的参数有多种情况

  1. 传递两个数字，第一个表示年，第二个表示月份

     var time = new Date(2019, 00) // 月份从 0 开始计数，0 表示 1月，11 表示 12月
     console.log(time) // Tue Jan 01 2019 00:00:00 GMT+0800 (中国标准时间)
     

  2. 传递三个数字，前两个不变，第三个表示该月份的第几天，从 1 到 31

     var time = new Date(2019, 00, 05) 
     console.log(time) // Sat Jan 05 2019 00:00:00 GMT+0800 (中国标准时间)
     

  3. 传递四个数字，前三个不变，第四个表示当天的几点，从 0 到 23

     var time = new Date(2019, 00, 05, 22) 
     console.log(time) // Sat Jan 05 2019 22:00:00 GMT+0800 (中国标准时间)
     

  4. 传递五个数字，前四个不变，第五个表示的是该小时的多少分钟，从 0 到 59

     var time = new Date(2019, 00, 05, 22, 33) 
     console.log(time) // Sat Jan 05 2019 22:33:00 GMT+0800 (中国标准时间)
     

  5. 传递六个数字，前五个不变，第六个表示该分钟的多少秒，从 0 到 59

     var time = new Date(2019, 00, 05, 22, 33, 55) 
     console.log(time) // Sat Jan 05 2019 22:33:55 GMT+0800 (中国标准时间)
     

  6. 传入字符串的形式

     console.log(new Date('2019')) 
     // Tue Jan 01 2019 08:00:00 GMT+0800 (中国标准时间)
     console.log(new Date('2019-02')) 
     // Fri Feb 01 2019 08:00:00 GMT+0800 (中国标准时间)
     console.log(new Date('2019-02-03')) 
     // Sun Feb 03 2019 08:00:00 GMT+0800 (中国标准时间)
     console.log(new Date('2019-02-03 13:')) 
     // Sun Feb 03 2019 13:00:00 GMT+0800 (中国标准时间)
     console.log(new Date('2019-02-03 13:13:')) 
     // Sun Feb 03 2019 13:13:00 GMT+0800 (中国标准时间)
     console.log(new Date('2019-02-03 13:13:13')) 
     // Sun Feb 03 2019 13:13:13 GMT+0800 (中国标准时间)
     

将日期字符串格式化成指定内容

• 比如我们得到的时间字符串是 Sun Feb 03 2019 13:13:13 GMT+0800 (中国标准时间)
• 我指向得到这个日期中是那一年，我们就要靠截取字符串的形式得到
• 但是现在 js 为我们提供了一系列的方法来得到里面的指定内容

getFullYear

• getFullYear() 方式是得到指定字符串中的哪一年

  var time = new Date(2019, 03, 03, 08, 00, 22)
  console.log(time.getFullYear()) // 2019
  

getMonth

• getMonth() 方法是得到指定字符串中的哪一个月份

  var time = new Date(2019, 03, 03, 08, 00, 22)
  console.log(time.getMonth()) // 3
  

  • 这里要有一个注意的地方
  • 月份是从 0 开始数的
  • 0 表示 1月，1 表示 2月，依此类推

getDate

• getDate() 方法是得到指定字符串中的哪一天

  var time = new Date(2019, 03, 03, 08, 00, 22)
  console.log(time.getDate()) // 3
  

getHours

• getHours() 方法是得到指定字符串中的哪小时

  var time = new Date(2019, 03, 03, 08, 00, 22)
  console.log(time.getHours()) // 8
  

getMinutes

• getMinutes() 方法是得到指定字符串中的哪分钟

  var time = new Date(2019, 03, 03, 08, 00, 22)
  console.log(time.getMinutes()) // 0
  

getSeconds

• getSeconds() 方法是得到指定字符串中的哪秒钟

  var time = new Date(2019, 03, 03, 08, 00, 22)
  console.log(time.getSeconds()) // 22
  

getDay

• getDay() 方法是得到指定字符串当前日期是一周中的第几天（周日是 0，周六是 6）

  var time = new Date(2019, 03, 08, 08, 00, 22)
  console.log(time.getDay()) // 1
  

getTime

• getTime() 方法是得到执行时间到 格林威治时间 的毫秒数

  var time = new Date(2019, 03, 08, 08, 00, 22)
  console.log(time.getTime()) // 1554681622000
  

获取时间差

• 是指获取两个时间点之间相差的时间
• 在 js 中是不能用时间直接做 减法 的
• 我们需要一些特殊的操作
• 在编程的世界里面，有一个特殊的时间，是 1970年01月01日00时00分00秒
• 这个时间我们叫做 格林威治时间
• 所有的编程世界里面，这个时间都是一样的，而且 格林威治时间 的数字是 0
• 从 格林威治时间 开始，每经过1毫秒，数字就会 + 1
• 所以我们可以获取到任意一个时间节点到 格林威治时间 的毫秒数
• 然后在用两个毫秒数相减，就能得到两个时间点之间相差的毫秒数
• 我们在通过这个毫秒数得到准确的时间

计算时间差

• 例如：我们现在计算一下 2019-01-01 00:00:00 到 2019-01-03 04:55:34 的时间差

1. 先获取两个时间点到 格林威治时间 的毫秒数

   var time1 = new Date('2019-01-01 00:00:00')
   var time2 = new Date('2019-01-03 04:55:34')
   
   time1 = time1.getTime()
   time2 = time2.getTime()
   
   console.log(time1) // 1546272000000
   console.log(time2) // 1546462534000
   

2. 两个时间相减，得到两个时间点之间相差的毫秒数

   var differenceTime = time2 - time1
   console.log(differenceTime) // 190534000
   

   • 现在我们计算出了两个时间点之间相差的毫秒数

定时器

setInterval（func，time）
有两个参数，第一个参数是一个函数，第二个参数是时间间隔，单位是毫秒
每间隔time毫秒，会执行一次函数
setInterval的返回值是一个数字

function box（）{
    console.log(1)
}

var timer = setInerval(box,1000);

上面代码意思是，每间隔1000毫秒，box函数执行一次。
取消定时器的执行
如果想要取消定时器的执行我们需要拿到setInerval定时器函数的返回值，调用clearInterval，清除定时器
clearInterval（timer），调用之后box函数就不会再执行了！

强化练习2

将日期格式化输出 “2015|01|24”

判断两个日期相差的天数

获得N天以后的日期

日期函数封装(dateUtil.js)（封装常见的功能）a

强化练习3

数码时钟（见图）