【JS笔记】JavaScript语法 《基础+重点》 知识内容，快速上手（三）

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
  
  console.log(Math.max(...[1, 2, 3, 4, 5])) // 5
  

min

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

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

PI

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

  console.log(Math.PI) // 3.141592653589793
  

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

pow sqrt sin

 // 2的10次方 
        // 2**10
        console.log(Math.pow(2, 10));

        // 算术 平方根 

        console.log(Math.sqrt(4));
        console.log(Math.sqrt(2));



        // 正弦  30度（角度）   的正弦值

        // 角度-》弧度
        // 30----> PI/180  *30
        //console.log(Math.sin(弧度));
        console.log(Math.sin(Math.PI / 180 * 30));

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 (中国标准时间)
  
  var time = new Date(1608778010083)//时间戳转为日期对象
  

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

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

     var time = new Date(2019, 0) // 月份从 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
  

每个获取的方法都有一个对应的设置方法

setFullYear setMonth setDate setHours （除了day星期）

		let d1 = new Date()

        d1.setDate(28)//将日期设置为28号
        //12月100日
        d1.setDate(100)将日期设置为100号,如果超出表示返回，自动往后折算


        console.log(d1);

获取时间差

• 是指获取两个时间点之间相差的时间
• 在 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函数就不会再执行了！