数值对象Math与时间对象Date

最新推荐文章于 2024-11-12 21:14:07 发布

学前端的小白...

最新推荐文章于 2024-11-12 21:14:07 发布

阅读量459

点赞数 1

文章标签： java servlet 前端

本文链接：https://blog.csdn.net/qq_35784654/article/details/126521251

版权

一、数值对象

概念：

方法：

1.输出0~1之间的随机数 Math.random()

2.取整 Math.floor() Math.ceil() Math.round()

3.次方 Math.pow() 开方 Math.sqrt()

4.绝对值 Math.abs()

5.最大值Math.max() 最小值Math.min()

document ->文本对象（页面的根对象）

screen ->浏览器窗口对象

scroll ->窗口滚动条设置

三、定时器

一、数值对象

概念：

不同于其他对象，使用时不需要被定义，直接使用语法Math.方法()进行使用

方法：

1.输出0~1之间的随机数 Math.random()

//基础使用方法
var num = Math.random()
console.log(num)


//扩展
//求0~10之间的一个整数

var num = Math.floor(Math.random() * 10)   //生成一个0~1之间的数  *   10  向下取整

//求 n ~ m 之间的随机整数  

function getRandom(n , m){
    var a = Math.max(n , m)
    var b = Math.min(n , m)  //兼容性  ，防止n 大于 m的情况出现错误、
    
    var num = Math.floor((Math.random() * (a - b)  + b ))
    
    return num
}

2.取整 Math.floor() Math.ceil() Math.round()

向上去整 Math.floor()

直接舍去整数后面的小数，保留整数与 parseInt() 方法类似

向下取整 Math.ceil()

只要整数后面有小数，都返回整数向上加一后的结果

四舍五入 Math.round()

小数不到五就舍去，大于或小于五就进位

3.次方 Math.pow() 开方 Math.sqrt()

//开平方根  sqrt
var  num = Math.sqrt(25)

//返回25的平方根   5


//幂次  pow(n,m)   n为需要进行幂次的数字   ，m 为多少次方

var  num  = Math.pow(2,3)

4.绝对值 Math.abs()

求一个数的绝对值，负数取正，正数不变

5.最大值Math.max() 最小值Math.min()

判断括号内的最大最小值，返回最大值或者最小值

ps：函数可以传入多个参数

6.常量

Math.E          // 返回欧拉指数（Euler's number）
Math.PI         // 返回圆周率（PI）
Math.SQRT2      // 返回 2 的平方根
Math.SQRT1_2    // 返回 1/2 的平方根
Math.LN2        // 返回 2 的自然对数
Math.LN10       // 返回 10 的自然对数
Math.LOG2E      // 返回以 2 为底的 e 的对数（约等于 1.414）
Math.LOG10E     // 返回以 10 为底的 e 的对数（约等于 0.434）

二、时间对象

1.时间对象的创建

当前时间

var cuurentDate = new Date()

自定义时间

var birthDate = new Date('2040-02-28 00:00:00')

//当只设置到天数时，yyyy-mm-dd与  yyyy/mm/dd  的默认时间不同

//yyyy-mm-dd的默认时间为08:00:00
//yyyy/mm/dd的默认时间为00:00:00

2.方法

获取年 getFullYear()

获取月 getMonth()

获取日 getDay()

获取时 getHours()

获取分 getMinutes()

获取秒 getSeconds()

获取毫秒 geTime()

3.案例

function formatCurrentTime(num) {
    var currentDate = new Date()
    var year = currentDate.getFullYear()
    var month = currentDate.getMonth() + 1
    var day = currentDate.getDay()
    var hour = currentDate.getHours()
    var minute = currentDate.getMinutes()
    var second = currentDate.getSeconds()
            
    switch (num) {
        case 0:
            return `${year}年${month}月${day}日 ${hour}时${minute}分${second}秒`
        case 1:
            return `${year}/${month}/${day} ${hour}:${minute}:${second}`
        case 2:
            return `${year}-${month}-${day} ${hour}:${minute}:${second}`
        default:
            return `${year}-${month}-${day} ${hour}:${minute}:${second}`
    }
}
console.log( formatCurrentTime(1));

三、window窗口对象

一、弹窗

alert 信息提示框没有其他功能

confirm 信息确认框（点击后返回一个boolean值）

prompt 信息输入框 (返回输入的内容，为一个字符串)

二、子对象

history ->历史记录对象

记录浏览器访问的页面，通过代码实现页面的返回和前进（相当于浏览器的后退和前进）

location ->地址栏对象

hash         设置或返回从井号 (#) 开始的 URL（锚）。如果地址里没有“#”，则返回空字符串。
host          设置或返回主机名和当前 URL 的端口号。
hostname 设置或返回当前 URL 的主机名。
href           设置或返回完整的 URL。在浏览器的地址栏上怎么显示它就怎么返回。
pathname 设置或返回当前 URL 的路径部分。
port           设置或返回当前 URL 的端口号，设置或返回当前 URL 的端口号。
protocol    设置或返回当前 URL 的协议，取值为 'http:','https:','file:' 等等。
search      设置或返回从问号 (?) 开始的 URL（查询部分）。

浏览器的地址栏信息

document ->文本对象（页面的根对象）

screen ->浏览器窗口对象

screen.width() 获取浏览器的宽

screen.height() 获取浏览器的高

scroll ->窗口滚动条设置

window.onscroll = function(){
    var scrollHeight = document.documentElement.scrollTop
    console.log(scrollHeight)
}

//定义一个窗口滚动事件，当窗口滚动时，打印当前滚轮距离上边的高度