1500字范文 > JavaScript学习笔记三——查阅MDN 日期对象

JavaScript学习笔记三——查阅MDN 日期对象

时间：2020-12-20 06:08:29

一、学会查阅MDN文档

1.1 MDN

1.2如何学习对象中的方法

二、Math对象

2.1math对象

2.2利用对象封装自己的数学对象

2.3随机数方法

三、日期对象

3/1、日期格式化

3.2、获取时间戳

一、学会查阅MDN文档

1.1 MDN

学习一个内置对象的使用，只要学会其常用成员的使用即可，我们可以通过查文档学习，可以通过MDN/W3C来查询。

Mozilla开发者网络(MDN)提供了有关开放网络技术(Open Web )的信息，包括HTML、CSS和万维网及HTML5应用的API。

MDN: /zh-CN/

点击这个链接打开的网页如下：、

1.2如何学习对象中的方法

1．查阅该方法的功能
2．查看里面参数的意义和类型
3．查看返回值的意义和类型
4．通过demo进行测试

二、Math对象

2.1math对象

math数学对象不是一个构造函数，所以我们不需要new来调用而是直接使用里面的属性和方法即可

三个取整方法：
Math.floor() //向下取整
Math.ceil() //向上取整
Math.round(）//四舍五入 5往大了取

console.log(Math)console.log(Math.PI)//π圆周率console.log(Math.abs(-1))//绝对值console.log(Math.ceil(11.46))//向上取整console.log(Math.floor(11.46))//向下取整// //四舍五入console.log(Math.round(11.46))console.log(Math.round(11.56))console.log(Math.round(11.01))console.log(Math.max(2, 10, 99, 5))//取最大值console.log(Math.max(2, 10, 99, 5, 'test'))//NaNconsole.log(Math.min(2, 10, 99, 5))//取最小值console.log(Math.pow(2, 3))//第一个为底数，第二个为指数

浏览器控制台输出结果图：

2.2利用对象封装自己的数学对象

//2-利用对象封装自己的数学对象里面有PI的最大值和最小值var myMath = {PI: 3.141592653,max: function () {var max = arguments[0];for (var i = 0; i < arguments.length; i++) {if (arguments[i] > max) {max = arguments[i];}}return max;},min: function () {var min = arguments[0];for (var i = 0; i < arguments.length; i++) {if (arguments[i] < min) {min = arguments[i];}}return min;}}console.log(myMath.PI);console.log(myMath.max(1, 9, 9));console.log(myMath.min(1, 3, 9));

2.3随机数方法

1、random()返回一个随机的小数 0=<x<1
2、此方法里面不限制参数
3、取两个数之间的随机整数且包含这2个整数：
Math.floor(Math.random()*(max-min+1))+min

math对象_随机点名

三、日期对象

1、Date()日期对象，是一个构造函数，必须使用new开调用
2、日期格式化
3、获取时间戳

3/1、日期格式化

//没有参数返回当前系统的当前时间var date = new Date();//面向对象写法console.log(date)var date1 = new Date('.10.1')var date2 = new Date(, 10, 1)console.log(date1);console.log(date2);//11月var YY = date.getFullYear();//返回当前日期的年var MM = date.getMonth() + 1;//月份是0开始，真正月份需要加1var day = date.getDay();//星期二，礼拜几var DD = date.getDate();//返回天var hh = date.getHours();//返回时var mm = date.getMinutes();var ss = date.getSeconds();var ms = date.getMilliseconds();//返回毫秒var arr = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六']console.log('今天是：' + YY + '年' + MM + '月' + DD + '日' + arr[day]);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());

3.2、获取时间戳

1、可以通过valueof和getTime()获取
2、可以通过简单的写法（常用写法）
+new Date

//返回距离1970年1月1日 00:00:00到此刻过了多少毫秒var Time = date.getTime();console.log(Time)console.log(date.valueOf());var time = +new Date();console.log(time);console.log(Date.now());

倒计时案列展示：

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>倒计时</title><style>* {padding: 0;margin: 0;}#time {width: 500px;height: 200px;margin: 100px auto;border: 1px solid black;}</style></head><body><div id="time">距离国庆还有：<p>165天21时09分31秒</p></div><script>var Time = document.getElementById('time');var p = document.getElementsByTagName('p')[0];var guoqin = new Date('/10/1');function fn() {var date = guoqin - new Date();// console.log(date);//得到毫秒值/*将毫秒值进行转换：1s=>1000ms1m=60s1h=60m1day=24h天：时：分：秒：date/1000*/var DD = Math.floor(date / 1000 / 60 / 60 / 24);//天var hh = Math.floor(date / 1000 / 60 / 60) % 24;//小时var mm = Math.floor(date / 1000 / 60) % 60;//分钟var ss = Math.floor(date / 1000) % 60;//秒// console.log(DD);// console.log(hh);p.innerHTML = DD + '天' + addZore(hh) + '小时' + addZore(mm) + '分钟' + addZore(ss) + '秒'}fn()setInterval(fn, 1000)function addZore(n) {return n < 10 ? '0' + n : n;}</script></body></html>

本内容不代表本网观点和政治立场，如有侵犯你的权益请联系我们处理。

网友评论

网友评论仅供其表达个人看法，并不表明网站立场。