JavaScript初学入门之内置对象(Math+日期)

最新推荐文章于 2024-09-26 01:42:12 发布

空LA

最新推荐文章于 2024-09-26 01:42:12 发布

阅读量235

点赞数

分类专栏： # 前端全栈文章标签： javascript html5 html

本文链接：https://blog.csdn.net/qq_45618521/article/details/119762456

版权

前端全栈专栏收录该内容

25 篇文章 1 订阅

订阅专栏

本文详细介绍了JavaScript中的Math对象，包括封装自定义的数学对象、绝对值和取整方法，以及随机数的生成。此外，还展示了Date对象的使用，如格式化日期、时间戳计算以及倒计时功能，帮助读者深入理解JavaScript的数学和日期操作。

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

内置对象

在这里插入图片描述

查阅MDN文档

在这里插入图片描述
MDN

学习对象中的方法

数学对象Math

在这里插入图片描述

封装自己的数学对象

里面有PI 最大值和最小值

    <script>
        var myMath = {
            PI:3.141592653589,
            max:function() {
                var max = arguments[0];
                for(var i = 1;i < arguments.length;i++){
                    if(arguments[i] > max){
                        max = arguments[i];
                    }
                }
                return max;
            },
            min:function(){
                var min = arguments[0];
                for(var i = 1;i < arguments.length;i++){
                    if(arguments[i] < min){
                        min = arguments[i];
                    }
                }
                return min;
            }
        }
        console.log(myMath.PI);
        console.log(myMath.max(2,6,5,3));
        console.log(myMath.min(2,6,5,3));
    </script>

math绝对值和取整

绝对值方法

    <script>
        console.log(Math.abs[1]);
        console.log(Math.abs[-1]);
        console.log(Math.abs['-1']);
    </script>

三个都是输出1
第三个隐式转换，，把字符型-1转换为数字型

取整方法

    <script>
        console.log(Math.floor(1.1));//向下取整
        console.log(Math.ceil(1.1));//向上取整
        console.log(Math.round(1.1));//四舍五入
        console.log(Math.round(1.5));
    </script>

Math.round(-1.5)结果是-1
其他数字都是四舍五入，只有.5是往大了取

math随机数

在这里插入图片描述

4可以换成arr.length - 1

猜数字游戏

在这里插入图片描述

Date日期对象的使用

在这里插入图片描述

格式化日期

年月日星期

在这里插入图片描述

    <script>
        var date = new Date();
        console.log(date.getFullYear());
        console.log(date.getMonth() + 1);
        console.log(date.getDate());
        console.log(date.getDay());//周一返回1，周六返回6，周日返回0
    </script>

    <script>
        var date = new Date();
        var year = date.getFullYear();
        var month = date.getMonth() + 1;
        var date = date.getDate();
        var arr = ['星期日','星期一','星期二','星期三·','星期四','星期五','星期六'];
        var day = date.getDay();
        console.log('今天是：'+ year + '年' + month + '月' + date + '日 ' + arr[day]);
    </script>

时分秒

    <script>
        var date = new Date();
        console.log(date.getHours());
        console.log(date.getMinutes());
        console.log(date.getSeconds());

        function getTime(){
            var time = new Date();
            var h = time.getHours();
            h = h < 10 ? '0' + h : h;
            var m = time.getMinutes();
            m = m < 10 ? '0' + m : m;
            var s = time.getSeconds();
            s = s < 10 ? '0' + s : s;
            return h + ':' + m + ':' + s;
        }
        console.log(getTime());
    </script>

Date总的毫秒(时间戳)

在这里插入图片描述

倒计时

在这里插入图片描述

    <script>
        function countDown(time){
            var nowTime = +new Date();//返回当前时间总毫秒数
            var inputTime = +new Date(time);//返回用户输入时间总毫秒数
            var times = (inputTime - nowTime) / 1000;//剩余时间秒数
            var d = parseInt(times / 60 / 60 / 24);
            d = d < 10 ? '0'+ d : d;
            var h = parseInt(times / 60 / 60 % 24);
            h = h < 10 ? '0'+ h : h;
            var m = parseInt(times / 60 % 60);
            m = m < 10 ? '0'+ m : m;
            var s = parseInt(times % 60);
            s = s < 10 ? '0'+ s : s;
            return d + '天' + h + '时' + m + '分' + s +'秒';
        }
        console.log(countDown('2021-8-29 22:00:00'));
    </script>