Javascript自学-8

最新推荐文章于 2022-04-04 20:34:55 发布

端木奇影

最新推荐文章于 2022-04-04 20:34:55 发布

阅读量527

点赞数

分类专栏： Javascript 文章标签： Math对象 Date对象 javascript

本文链接：https://blog.csdn.net/qq_33756795/article/details/50769004

版权

Javascript 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

这篇博客详细介绍了JavaScript中的Date对象，包括如何创建Date对象、获取日期时间信息以及计算日期差。同时，还简单介绍了Math对象的常用方法，如获取圆周率、进行四舍五入等。此外，提到了Number对象的toFixed()方法用于四舍五入并保留指定小数位。

摘要由CSDN通过智能技术生成

Date对象
- Date对象和string对象不太一样，定义了一字符串，其实就是一个string对象，就可以直接调用属性和方法。
- Date对象的使用，必须使用new关键字来创建对象。否则，无法调用Date对象的属性和方法。
- 创建Date对象的方法
- - 创建当前（现在）日期对象的实例,不带任何参数。
  - var today = new Date();
```
    // (1)创建现在的日期时间对象实例
    var today = new Date();        //today就是刚创建的Date对象实例
    document.write(today);
```

- - 创建指定时间戳的日期对象实例，参数是时间戳
  - - 时间戳：是指某一个时间距离1970年1月1日0时0分0秒，过去了多少毫秒值(1秒=1000毫秒）
    - var timer = new Date(10000) //时间是1970年1月1日0时0分10秒
```
    // (2)指定毫秒值
    var timer1 = new Date(989298990000);
    document.write(timer1);
```

指定一个字符串的日期时间信息，参数是一个日期时间字符串

var timer = new Date("2015/5/25/10:00:00");

举例：计算一下你活了多少天了？

    // (3)计算自己活了多少天了？
    var today = new Date();
    var timer2 = today.getTime();
    var brithday = new Date("1984/5/25/22:18");
    var timer3 = brithday.getTime();
    var day = (timer2-timer3)/1000/3600/24
    document.write("我已经活了"+day+"天");

指定多个数值参数

var timer = new Date(2015,4,25,10,20,0); //顺序为年、月、日、时、分、秒，年月日为必填。

举例：计算自己再活多少天，能活到100岁。

    // (4)计算自己再活多少天，能活到100岁
    var today = new Date().getTime();
    var deadDay = new Date(1984+100,2,23).getTime();
    var day = (deadDay-today)/1000/3600/24;
    document.write("我特么再活"+day+"天就能到百岁了");

- getFullYear()：获取四位的年份。
- getMonth()：获取月份，取值0-11。
- getDate()：获取几号，取值1-31。
- getHour()：获取小时数。
- getMinutes()：获取分钟数。
- getSeconds()：获取秒数
- getMilliseconds()：获取毫秒。
- getDay()：获取星期
- getTime()：获取毫秒值，距离1970年1月1日至今的毫秒值。
Math对象
- Math对象是一个静态对象，换句话说：在使用Math对象，不需要创建实例。
- Math.PI：圆周率
- Math. abs()：绝对值。如：Math.abs(-9) = 9;
- Math. ceil()：向上取整（整数+1，小数去掉）。如：Math.ceil(3.4) = 4；
- floor()：向下取整（整数不变，直接去掉小数）。如：Math.floor(9.88) = 9;
- round()：四舍五入。如：Math.round(4.6) = 5; Math.round(4.1) = 4;
- pow()：求x的y次方。如：Math.pow(2,3) = 8;
- sqrt()：求平方根。如：Math.sqrt(121) = 11;
- random()：返回一个0-1之间的随机小数。如：document.write(Math.random());
- - 求随机整数的公示：Math.random()*（max-min)+min;

实例：随机网页背景颜色

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="refresh" content="10" />
    <title>随机网页背景色</title>

</head>
<body>

</body>   

</html>
    <script type="text/javascript">
        //实例：随机网页背景色
        var min = 100000;
        var max = 999999;
        var random = Math.random()*(max-min)+min;
        // 向下取整
        random = Math.floor(random);
        // 直接查找body对象
        /*
          document代表网页对象
          body对象是document对象的子对象
          body对象有一个bgcolor属性
          访问网页中所有标记的起点是document。
          出了body对象以外，其他标记的访问，必须使用id来访问。
        */
        document.body.bgColor = "#"+random;
    </script>

Number数值对象
- 一个数值变量，就是一个数值对象（Number对象）。
- toFixed()
- - 功能：将一个数值转成字符串，并进行四舍五入，保留指定位数的小数。
  - 语法：NumberObj.toFixed(n)
  - 参数：n就是要保留的小数位数。
  - 举例：
```
var a = 123.9874;
a = a.toFixed(2);      //a = "123.99"
```

实例：

        // （1）求圆的面积
        function getArea(r)
        {

            var a = Math.PI*r*r;
            a = a.toFixed(2);
            document.write("半径="+r+"圆的面积是："+a+"<hr />");
        }
        getArea(10.231231);
        // （2）求直角三角形斜边长
        function getC(a,b)
        {
            var c = Math.sqrt(a*a+b*b);
            c = c.toFixed(1);
            document.write("直角三角形的斜边长为："+c);
        }
        getC(10,42);