Math對象的介紹 1:Math對象 Math 對象用於執行數學任務。並不像 Date 和 String 那樣是對象的類,因此沒有構造函數 Math()。您無需創建它,通過把 Math 作為對象使用就可以調用其所有屬性和方法。 2:Math屬性 PI:返回圓周率(約等於3.14159)。 3:Mat ...
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);