努力加油第九天

今天是关于JS学习的第九天，话不多说开始今天的分享。

今天主要学习了弹性布局、取整、随机数、以及获取日期。

一、弹性布局

弹性盒子布局（Flexbox Layout）：通过display: flex;设置容器为弹性盒子，可以实现更复杂的自适应和响应式布局。

弹性布局是为了能够方便前端人员进行更复杂的布置页面呈现效果。

二、数学函数

数学函数一共有四个四舍五入、向上取整、向下取整、随机数。

向上取整【只要有小数就+1】

1. Math.ceil(3.14);
   // 4

向下取整【有小数就舍弃】

1. Math.floor(3.14);

2. // 3

3. parseInt(3.14);

4. // 3

5. // 常用于字符串类型的数字转为十进制的数据

四舍五入【小数点后部分】

Math.round(3.14); 
// 3.14

随机数

随机数是用来区一个区间内的数字，根据要求可以是重复的也可以是不重复的，如取颜色，取1-100之间的数字等等。

获取日期

日期是一个页面中常见到的，各种购物的网站等等，那么就会有疑问了，我们要怎么能够自己设置日期呢，接下来我就将带着各位进行获取日期的学习。

首先我们应当获取当前的时间，然后我们截取了当前时间并为此创建一个日期对象，当我们建立好一个新的日期对象之后我们就要进行设置指定的时间，比如年，月，日，星期，时，分，秒。

 // 
//默认获取当前时间
 // var date = new Date(); //创建一个日期对象
 //设置指定的时间
 // var date = new Date('2024/4/3 12:0:0')
 // var date = new Date(2024,10,10,15,0,0)
 var date =  new Date();
 //年月日 时分秒  星期几
 //获取年份
 var year = date.getFullYear();
 //获取月份 (0-11)
 var mon = date.getMonth()+1;
 //获取日期(1-31)
 var date2 = date.getDate();
 // 获取一周中的一天(0-6) 0星期日
 var day = date.getDay();
 //获取时分秒
 var hours = date.getHours();
 var min = date.getMinutes();
 var sec = date.getSeconds();
 console.log(year,mon,date2,day,hours,min,sec)
 
 var week = ['日','一','二','三']
 if(mon<10){
     mon = '0'+mon
 }
 document.write(`日期是${year}年${mon}月${date2}日 
 ${hours}:${min}:${sec} 星期${week[day]}`)

通过这个代码我们可以看到日期的获取是非常简单的，如果有不会的小伙伴应当多加练习了，今天的分享就到这里了。