IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> JavaScript初学入门之内置对象(Math+日期) -> 正文阅读

[JavaScript知识库]JavaScript初学入门之内置对象(Math+日期)

内置对象

在这里插入图片描述

查阅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>
  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2021-08-30 11:54:58  更:2021-08-30 11:59:11 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年12日历 -2024/12/27 4:59:46-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码
数据统计