2023-5-15（第九天）

Math对象

属性

Math.PI：圆周率

API

取整

• 上取整

  Math.ceil(num)
  

• 下取整

  Math.floor(num)
  

• 四舍五入取整

  Math.round(num)
  

• toFixed（d)

  num.toFixed(d)
  ​
  //1.传入自定义保留小数位数，带有四舍五入的操作
    2.解决浏览器带来的舍入误差
    3.结果是一个字符串，需要搭配parseFloat()使用
  

乘方和开方

• 乘方

  Math.pow(底数,幂)
  ​
  //简化写法
  底**幂
  

• 开方

  Math.sqrt(num)
  ​
  //只能开平方
  

绝对值

Math.abs(num)

随机数

Math.random()      //生成0~1之间的小数，不包含1
​
//随机数公式
ran=parseInt(Math.random()*(max-min+1)+min)

Date对象

创建

• 创建一个当前日期

  let now=new Date();
  

• 创建一个自定义事件（方式一）

  let date=new Date("yyyy/MM/dd hh:mm:ss")
  

• 创建一个自定义事件（方式二）

  let date=new Date(yyyy,MM,dd,hh,mm,ss)
  

• 复制一个日期

  let date=new Date(start)
  

使用（API）

分量

年	月	日	星期	小时	分钟	秒
FullYear	Month	Date	Day	Hours	Minutes	Seconds
	0~11		0~6

获取分量的值

date.getXXXX;

设置分量的值

date.setXXXX;
​
//星期Day没有set操作

获取时间的毫秒值

date.getTime();

定时器

周期性定时器

每过一段时间执行一次，先等后做，会反复执行，需要自己写停止才能停止

//开启定时器
let timer=setInterval(function(){操作},间隔毫秒数);
​
//停止定时器
clearInterval(timer);

一次性定时器

等待一段时间，只会做一次就结束了

// 开启
let timer=setTimeOut(function(){操作},间隔毫秒数);
​
//停止
clearTimeout(timer);

异步技术

无论这块代码多么耗时，也不会卡住后续代码，目前这个技术有定时器和AJAX

拓展：JS创建页面DOM元素

//1.创建空标签
let elem=document.createElement("标签名");
​
//2.设置必要的属性和时间
elem.属性名="属性值";
elem.on事件名=function(){操作};
​
//3.将元素放到DOM树上
父元素.appendChild(elem);