Math對象的介紹

1：Math對象

Math 對象用於執行數學任務。並不像 Date 和 String 那樣是對象的類，因此沒有構造函數 Math()。您無需創建它，通過把 Math 作為對象使用就可以調用其所有屬性和方法。

2：Math屬性

PI：返回圓周率（約等於3.14159）。

3：Math方法

Math.round(3.6); // 四舍五入。

Math.random(); // 返回大於等於0到小於1之間的隨機數。

// 隨機數如何設定範圍
// 0 - 100（包含）之間的隨機值—Math.round四舍五入
console.log(Math.round(Math.random() * 100));
// 0 - 99（包含）之間的隨機值—Math.floor向下取整
console.log(Math.floor(Math.random() * 100));
// 1 - 100（包含）之間的隨機值—Math.ceil向上取整
console.log(Math.ceil(Math.random() * 100));
// 100 - 1000（包含）之間的隨機值
// 求兩個值之間的隨機數
/*function random(x, y) {
	return Math.round(Math.random() * (y - x)) + x;
}
*/
console.log(Math.round(Math.random() * (1000 - 100)) + 100);
 

Math.max(a, b); // 返回較大的數值。

Math.min(a, b); // 返回較小的數值。

Math.abs(num); // 返回絕對值。

Math.ceil(3.6); // 向上取整。4

Math.floor(3.6); // 向下取整。3

Math.pow(x, y); // x的y次方。

Math.sqrt(num); // 開平方。

4：三角函數復習

Math.sin(x); // x的正弦值，返回值在-1到1之間。

Math.cos(x); // x的余弦值，返回值在-1到1之間。

附錄：

勾股定理：

var a = 3, b = 4;
var c = Math.sqrt(Math.pow(a, 2) + Math.pow(b, 2));
console.log(c);
 

三角函數：

var degree = 60;
var rad = Math.PI / 180 * degree;
console.log(Math.ceil(Math.sin(rad) * 10) / 10);
console.log(Math.floor(Math.cos(rad) * 10) / 10); 

Date日期對象的介紹

1：日期對象

定義：JS DATE使用UTC（國際協調時間）1970,1,1,0,0,0,0所經過的毫秒數。

在JS中日期也是它的內置對象，所以我們要對日期進行獲取和操作，必須實例化對象。

2：創建日期對象

var oDate=new Date();

將會包含本地時間的信息，包括年月日時分秒 星期。

可以傳入參數的格式：

1.“時:分:秒 月/日/年”、“月/日/年 時:分:秒”、“年/月/日”等字符串。

var oDate = new Date(‘12:12:12 12/12/2017‘); //“時:分:秒 月/日/年”
var oDate = new Date(‘12/14/2017 12:12:12‘); //“月/日/年 時:分:秒”
var oDate = new Date(‘2017/12/14‘); //“年/月/日”等字符串

2.年,月,日,時,分,秒。註意不能加“”。月是從0開始算的。

var oDate = new Date(2017, 11, 12, 13, 24, 36); // 0代表1 

3.時間戳。

var oDate = new Date(1516775284475); 

3：日期對象獲取信息的方法

註：月份和星期都是從0開始計算的。

getDate()：從 Date 對象返回一個月中的某一天 (1 ~ 31)。

getMonth()：從 Date 對象返回月份 (0 ~ 11)。

getFullYear()：從 Date 對象以四位數字返回年份。

getDay()：從 Date 對象返回一周中的某一天 (0 ~ 6)。 其中0代表星期日。

getYear()：請使用 getFullYear() 方法代替。由 getYear() 返回的值不總是 4 位的數字！對於介於 1900 與 1999 之間的年份，getYear() 方法僅返回兩位數字。對於 1900 之前或 1999 之後的年份，則返回 4 位數字！ECMAscript已經不再要求使用該函數。

getHours()：返回 Date 對象的小時 (0 ~ 23)。

getMinutes()：返回 Date 對象的分鐘 (0 ~ 59)。

getSeconds()：返回 Date 對象的秒數 (0 ~ 59)。

getMilliseconds()：返回 Date 對象的毫秒(0 ~ 999)。

getTime()：返回 1970 年 1 月 1 日至今的毫秒數。

4：日期對象設置信息的方法

setDate()：設置 Date 對象中月的某一天 (1 ~ 31)。

setMonth()：設置 Date 對象中月份 (0 ~ 11)。

setFullYear()：設置 Date 對象中的年份（四位數字）。

setYear() 請使用 setFullYear() 方法代替。如果 year 參數是兩位的數字，比如 setYear(91)，則該方法會理解為 1991。如果要規定 1990 年之前或 1999 年之後的年份，請使用四位數字。 ECMAscript已經不再要求使用該函數。

setHours()：設置 Date 對象中的小時 (0 ~ 23)。

setMinutes()：設置 Date 對象中的分鐘 (0 ~ 59)。

setSeconds()：設置 Date 對象中的秒鐘 (0 ~ 59)。

setMilliseconds()：設置 Date 對象中的毫秒 (0 ~ 999)。

setTime()：以毫秒設置 Date 對象。

5：關於日期對象的常用操作

1：將日期格式化成字符串。

2：將指定格式字符串轉化成日期對象。

3：日期字符串轉為毫秒數。

4：計算兩個日期的時間差值。

5：日期函數封裝（dateUtil.js）（封裝常見功能）

6：延時器和定時器

延時器：

語法：setTimeout(函數或者代碼串，指定的時間(毫秒));

在指定的毫秒數後只執行一次函數或代碼。

清除延遲器：clearTimeout();

var timer3 = setTimeout(function () {
	console.log(‘蹦！‘);
} , 3000);

setTimeout(function () {
	clearTimeout(timer3);
}, 2000);

　setTimeout()調用函數的寫法方式，也可去掉引號

function print() {
	console.log(‘你好‘);
}
setTimeout(‘print()‘, 3000);//此寫法如果在window.onload調用,建議放到匿名函數，
//涉及到作用域的問題，js運行到此報錯,也可調整js引用的位置

　　定時器：

語法：setInterval(函數或者代碼串，指定的時間(毫秒));

按照指定的周期(毫秒)不斷的執行函數或者是代碼串。

清除定時器：clearInterval();

var num = 6;
var timer = setInterval(function () {
	console.log(--num);

	if(num === 0) {
		clearInterval(timer);
	}
}, 1000);

從零開始學習前端JAVASCRIPT — 4、JavaScript基礎Math和Date對象的介紹