当前位置: 首页 > news >正文

Javascript Math对象和Date对象常用方法详解

Math对象

Math 是js中的一个内置对象, 它为数学常量和数学函数提供了属性和方法,而不是一个函数对象。

属性

  • Math.PI
    = > 圆周率,一个圆的周长和直径之比,悦等于3.14159.

  • Math.E
    = > 欧拉常数,自然对数的底数,约等于2.718.

常用的方法

1. Math.abs(x)

=> 取得x的绝对值

var num = -2;
Math.abs(num); // 2

2. Math.random()

= > 返回0到1之间的一个随机数

//随机一个(0,1]的数字
Math.random(); // 0.29510836134846596
//随机返回[0,num)范围内的数字
//Math.random()*num
Math.random*10; //8.028820852140843
//随机返回[start,end)范围内的数字
//Math.random()*(end-start)+start;
Math.random()*(100-50)+50; //71.3784510483645 返回[50,100)的随机数

3. Math.floor(x)

= > 返回小于x的最大整数,通俗的讲就是省略小数点后面的值,保留整数,与 Math.ceil(x)是相对的。

Math.floor(-1.0);  // -1
Math.floor(2.239424);  // 2
Math.floor(3.9);  // 3

4. Math.round(x)

= > 返回四舍五入后的整数

Math.round(1.4);  // 1
Math.round(1.6);  // 2

5. Math.sin(x)

= > 返回 x 的正弦值

Math.sin(90*Math.PI/180);  // 1

6. Math.cos(x)

= > 返回 x 的余弦值

Math.cos(180*Math.PI/180);  // 1

7. Math.ceil(x)

= > 返回x向上取整后的值,通俗的讲就是小数点后有值,就进一位数值

Math.ceil(-1.0);  // -1
Math.ceil(2.239424);  // 3
Math.ceil(3.9);  // 4

Date对象

Date类型是以UTC(Coordinated Universal Time,国际协调时间)1970 年1 月1 日午夜(零时)开始经过的毫秒数来保存日期。

创建日期的几种方法

new Date();  
new Date(value);  // value为时间戳
new Date(dateString);  // dateString为表示日期的字符串
new Date(year, month[,day[,hour[,minutes[,seconds[,millseconds]]]]]);
//注意:代表月份的整数值是从0(1月)到11(12月)
new Date(); // Fri Jul 22 2016 13:32:10 GMT+0800 (CST)
new Date(1469159782236); //  Fri Jul 22 2016 11:56:22 GMT+0800 (CST)
new Date("December 17, 1995 03:24:00");  //Sun Dec 17 1995 03:24:00 GMT+0800 (CST)
new Date("1995-12-17T03:24:00"); //Sun Dec 17 1995 11:24:00 GMT+0800 (CST)
new Date(1995,11,17,3,24,0);  //Sun Dec 17 1995 03:24:00 GMT+0800 (CST)

常用方法

1. Date.now()

= > 返回自 1970-1-1 00:00:00 UTC (时间标准时间)至今所经过的毫秒数。

Date.now();  //1469166290095

2. Date.parse()

= > 解析一个表示日期的字符串,并返回从 1970-1-1 00:00:00 所经过的毫秒数。

Date.parse('Sun Dec 17 1995 03:24:00 GMT+0800 (CST)');
//819141840000

3. getFullYear()

= > 返回指定日期对象的年份

var today = new Date();
today.getFullYear();  // 2016

4. getMonth()

= > 返回指定日期对象的月份(0-11)

var today = new Date();
today.getMonth();  // 6

5. getDate()

= > 返回指定日期对象的月份中的第几天(1-31)

var today = new Date();
today.getDate();  // 22

6. getHours()

= > 返回指定日期对象的小时(0-23)

var today = new Date();
today.getHours();  // 14

7. getMinutes()

= > 返回指定日期对象的分钟(0-59)

var today = new Date();
today.getMinutes();  // 40

8. getSeconds()

= > 返回指定日期对象的秒数(0-59)

var today = new Date();
today.getMinutes();  // 40

日期格式化

一个简单的日期格式化函数

var format = function (time, format) {
    var t = new Date(time);
    var tf = function (i) {
        return (i < 10 ? '0' : '') + i
    };
    return format.replace(/YYYY|MM|DD|hh|mm|ss/g, function (a) {
        switch (a) {
        case 'YYYY':
            return tf(t.getFullYear());
            break;
        case 'MM':
            return tf(t.getMonth() + 1);
            break;
        case 'mm':
            return tf(t.getMinutes());
            break;
        case 'DD':
            return tf(t.getDate());
            break;
        case 'hh':
            return tf(t.getHours());
            break;
        case 'ss':
            return tf(t.getSeconds());
            break;
        }
    });
}

format(new Date().getTime(),'YYYY-MM-DD hh:mm:ss');
// "2016-07-22 15:08:14"
format(new Date().getTime(),'YYYY年MM月DD日 hh时mm分ss秒');
//"2016年07月22日 15时10分18秒"

最后,如果想要格式化日期获得更好的效果,moment.js 是个不错的js库。

参考资料

Date

相关文章:

  • js 实现 禁用用户浏览器选中,复制,剪切 ,粘贴功能
  • IT 圈里有哪些经常被读错的词?
  • this.$nextTick()的理解及使用
  • codeforces 700A
  • Web学习笔记
  • 双向数据绑定原理 vue2.0 与 vue3.0
  • HDU 1232 畅通工程 并查集
  • Duilib创建窗口双击标题栏禁止窗口最大化
  • 数据处理四舍五入,保留两位小数
  • 家长需要反复领悟的33句话
  • 导航栏的字体颜色的设置小收集
  • nrm ls执行不成功,显示node:internal/validators:119 throw new ERR_INVALID_ARG_TYPE(name, ‘string‘, value)
  • 基于LDAP下的Samba服务
  • 前端 项目里 常用的判断语句 有实例
  • mysql 主从同步
  • Apache的80端口被占用以及访问时报错403
  • Babel配置的不完全指南
  • CSS3 聊天气泡框以及 inherit、currentColor 关键字
  • ECMAScript6(0):ES6简明参考手册
  • ES6语法详解(一)
  • java概述
  • magento 货币换算
  • Mithril.js 入门介绍
  • 阿里研究院入选中国企业智库系统影响力榜
  • 对象管理器(defineProperty)学习笔记
  • 多线程 start 和 run 方法到底有什么区别?
  • 后端_ThinkPHP5
  • 前端性能优化——回流与重绘
  • 吴恩达Deep Learning课程练习题参考答案——R语言版
  • 【干货分享】dos命令大全
  • TPG领衔财团投资轻奢珠宝品牌APM Monaco
  • ​LeetCode解法汇总2304. 网格中的最小路径代价
  • ​Z时代时尚SUV新宠:起亚赛图斯值不值得年轻人买?
  • ​力扣解法汇总946-验证栈序列
  • #QT(智能家居界面-界面切换)
  • (2)关于RabbitMq 的 Topic Exchange 主题交换机
  • (2015)JS ES6 必知的十个 特性
  • (板子)A* astar算法,AcWing第k短路+八数码 带注释
  • (附源码)基于SSM多源异构数据关联技术构建智能校园-计算机毕设 64366
  • (力扣记录)235. 二叉搜索树的最近公共祖先
  • (没学懂,待填坑)【动态规划】数位动态规划
  • (一)ClickHouse 中的 `MaterializedMySQL` 数据库引擎的使用方法、设置、特性和限制。
  • (已解决)什么是vue导航守卫
  • ***linux下安装xampp,XAMPP目录结构(阿里云安装xampp)
  • ./include/caffe/util/cudnn.hpp: In function ‘const char* cudnnGetErrorString(cudnnStatus_t)’: ./incl
  • .bat批处理(八):各种形式的变量%0、%i、%%i、var、%var%、!var!的含义和区别
  • .bat批处理(六):替换字符串中匹配的子串
  • .NET Core6.0 MVC+layui+SqlSugar 简单增删改查
  • .net mvc actionresult 返回字符串_.NET架构师知识普及
  • .NET 设计一套高性能的弱事件机制
  • .net 中viewstate的原理和使用
  • .net 桌面开发 运行一阵子就自动关闭_聊城旋转门家用价格大约是多少,全自动旋转门,期待合作...
  • .net操作Excel出错解决
  • .NET委托:一个关于C#的睡前故事
  • /etc/shadow字段详解