JavaScript定時器 Math函式
點選學習：2018最牛逼的前端公開課！
一定時器
1 、setInterval()
setInterval( function(){} , 1000) 多用於動畫
第一個引數是一個函式
第二引數是時間，表示1秒（1000毫秒）後呼叫一次，然後每隔1秒呼叫一次，第一個引數
如果有想一起學習web前端，HTML5及JavaScript的可以來一下我的前端群：733581373，好友都會在裡面交流，分享一些學習的方法和需要注意的小細節，每天也會準時的講一些前端的炫酷特效，及前端直播課程學習
2 、clearInterval()
clearInterval( timerManeger ) 裡面的引數的定時管理器
1.var timer = setInterval(fn,1000);
//設定變數timer為`定時管理器`
2.clearInterval(timer);
//清除timer`定時管理器`
3 、setTimeout() 一次定時器
setTimeout( function(){},1000 )
第一個引數是一個函式
第二引數是時間，表示1秒（1000毫秒）後呼叫一次，然後不再呼叫
1. var a = 0;
2.setTimeout( function(){ alert( a ) },1000);
//只有一次彈窗
4、clearTimeout()
clearTimeout( timerManeger ) 清除定時管理器,用於清除動畫還沒執行
1.var timer = setInterval(fn,1000);
//設定變數timer為`定時管理器`
2.clearInterval(timer);
//清除timer`定時管理器`
二 、Math 數字函式
Math物件用於執行數學任務 Math物件 無需new，直接呼叫Math方法就行
Math方法一
1、Math.random() 求隨機值
Math.random()隨機 0至 小於1 的數 取不到1
1.///隨機 0~1之間的數
2.var rand = Math.random();
3.alert( rand );
4.
5.///隨機 5~10之間的數
6.var rand = Math.random()*（10-5）+5;
封裝 隨機 X至Y之間的數
function random(x,y){
var rand = x+ Math.random()*( y - x );
}
2、 Math.round()————四捨五入
var a = 12.6;
Math.round(a );
3、 Math.ceil() ————向上取整 (上舍入)
4、 Math.floor()————向下取整 (下舍入)
5、 Math.abs()—————求絕對值
6、 Math.pow(x,y)———–x的y次冪（x的y次方）
7、 Math.sqrt(x) —————返回數的平方根
8、 Math.max(x,y,z...)——-求x和y的最大值
9、 Math.min(x,y,z...)——-求x和y的最小值
案例3：隨機色卡（隨機顏色講解）
numberObject.toFixed()
NumberObject.toFixed(num) 方法可把 Number 四捨五入為指定小數位數的數字
num 規定小數的位數，是 0 ~ 20 之間的值 ,預設0
var a = 12.655454;
var round = a.toFixed(3);
alert( round );//12.655
Math方法二
“度”的定義是，“兩條射線從圓心向圓周射出，形成一個夾角和夾角正對的一段弧。當這段弧長正好等於圓周長的360分之一時，兩條射線的夾角的大小為1度。（如圖1） 弧度的定義是：兩條射線從圓心向圓周射出，形成一個夾角和夾角正對的一段弧。當這段弧長正好等於圓的半徑時，兩條射線的夾角大小為1弧度。（如圖2）
角所對的弧長是半徑的幾倍，那麼角的大小就是幾弧度。
它們的關係可用下式表示和計算：
（弧度）＝弧長/半徑
圓的周長是半徑的 2π倍，所以一個周角（360度）是 2π弧度。
三、度跟弧度之間的換算
據上所述，一個平角是 π 弧度。
即 180度＝π弧度
由此可知：
弧度＝π/180度 ( ≈0.017453弧度 )
1、Math.sin（弧度） 正弦 對邊比斜邊 一個以弧度表示的角
點選學習：2018最牛逼的前端公開課！
一定時器
1 、setInterval()
setInterval( function(){} , 1000) 多用於動畫
第一個引數是一個函式
第二引數是時間，表示1秒（1000毫秒）後呼叫一次，然後每隔1秒呼叫一次，第一個引數
2 、clearInterval()清除定時器
clearInterval( timerManeger ) 裡面的引數的定時管理器
1.var timer = setInterval(fn,1000);
//設定變數timer為`定時管理器`
2.clearInterval(timer);
//清除timer`定時管理器`
3 、setTimeout() 一次定時器
setTimeout( function(){},1000 )
第一個引數是一個函式
第二引數是時間，表示1秒（1000毫秒）後呼叫一次，然後不再呼叫
1. var a = 0;
2.setTimeout( function(){ alert( a ) },1000);
//只有一次彈窗
4、clearTimeout()
clearTimeout( timerManeger ) 清除定時管理器,用於清除動畫還沒執行
1.var timer = setInterval(fn,1000);
//設定變數timer為`定時管理器`
2.clearInterval(timer);
//清除timer`定時管理器`
二 、Math 數字函式
Math物件用於執行數學任務 Math物件 無需new，直接呼叫Math方法就行
Math方法一
1、Math.random() 求隨機值
Math.random()隨機 0至 小於1 的數 取不到1
1.///隨機 0~1之間的數
2.var rand = Math.random();
3.alert( rand );
4.
5.///隨機 5~10之間的數
6.var rand = Math.random()*（10-5）+5;
封裝 隨機 X至Y之間的數
function random(x,y){
var rand = x+ Math.random()*( y - x );
}
2、 Math.round()————四捨五入
var a = 12.6;
Math.round(a );
3、 Math.ceil() ————向上取整 (上舍入)
4、 Math.floor()————向下取整 (下舍入)
5、 Math.abs()—————求絕對值
6、 Math.pow(x,y)———–x的y次冪（x的y次方）
7、 Math.sqrt(x) —————返回數的平方根
8、 Math.max(x,y,z...)——-求x和y的最大值
9、 Math.min(x,y,z...)——-求x和y的最小值
案例3：隨機色卡（隨機顏色講解）
numberObject.toFixed()
NumberObject.toFixed(num) 方法可把 Number 四捨五入為指定小數位數的數字
num 規定小數的位數，是 0 ~ 20 之間的值 ,預設0
var a = 12.655454;
var round = a.toFixed(3);
alert( round );//12.655
Math方法二
“度”的定義是，“兩條射線從圓心向圓周射出，形成一個夾角和夾角正對的一段弧。當這段弧長正好等於圓周長的360分之一時，兩條射線的夾角的大小為1度。（如圖1） 弧度的定義是：兩條射線從圓心向圓周射出，形成一個夾角和夾角正對的一段弧。當這段弧長正好等於圓的半徑時，兩條射線的夾角大小為1弧度。（如圖2）
角所對的弧長是半徑的幾倍，那麼角的大小就是幾弧度。
它們的關係可用下式表示和計算：
（弧度）＝弧長/半徑
圓的周長是半徑的 2π倍，所以一個周角（360度）是 2π弧度。
三、度跟弧度之間的換算
據上所述，一個平角是 π 弧度。
即 180度＝π弧度
由此可知：
弧度＝π/180度 ( ≈0.017453弧度 )
1、Math.sin（弧度） 正弦 對邊比斜邊 一個以弧度表示的角
2 、Math.cos（弧度）餘弦 鄰邊比斜邊 是 -1.0 到 1.0 之間的數
3、 Math.PI
Math.PI 即π 是圓的周長和它的直徑之比。這個值近似為 3.141592653589793
一弧度 = π/180；將角度乘以（2PI/360） 0.017453293 即可轉換為弧度
案例4：圓周運動（三角函式講解）
點選學習：2018最牛逼的前端公開課！
一定時器
1 、setInterval()
setInterval( function(){} , 1000) 多用於動畫
第一個引數是一個函式
第二引數是時間，表示1秒（1000毫秒）後呼叫一次，然後每隔1秒呼叫一次，第一個引數
2 、clearInterval()清除定時器
clearInterval( timerManeger ) 裡面的引數的定時管理器
1.var timer = setInterval(fn,1000);
//設定變數timer為`定時管理器`
2.clearInterval(timer);
//清除timer`定時管理器`
3 、setTimeout() 一次定時器
setTimeout( function(){},1000 )
第一個引數是一個函式
第二引數是時間，表示1秒（1000毫秒）後呼叫一次，然後不再呼叫
1. var a = 0;
2.setTimeout( function(){ alert( a ) },1000);
//只有一次彈窗
4、clearTimeout()
clearTimeout( timerManeger ) 清除定時管理器,用於清除動畫還沒執行
1.var timer = setInterval(fn,1000);
//設定變數timer為`定時管理器`
2.clearInterval(timer);
//清除timer`定時管理器`
二 、Math 數字函式
Math物件用於執行數學任務 Math物件 無需new，直接呼叫Math方法就行
Math方法一
1、Math.random() 求隨機值
Math.random()隨機 0至 小於1 的數 取不到1
1.///隨機 0~1之間的數
2.var rand = Math.random();
3.alert( rand );
4.
5.///隨機 5~10之間的數
6.var rand = Math.random()*（10-5）+5;
封裝 隨機 X至Y之間的數
function random(x,y){
var rand = x+ Math.random()*( y - x );
}
2、 Math.round()————四捨五入
var a = 12.6;
Math.round(a );
3、 Math.ceil() ————向上取整 (上舍入)
4、 Math.floor()————向下取整 (下舍入)
5、 Math.abs()—————求絕對值
6、 Math.pow(x,y)———–x的y次冪（x的y次方）
7、 Math.sqrt(x) —————返回數的平方根
8、 Math.max(x,y,z...)——-求x和y的最大值
9、 Math.min(x,y,z...)——-求x和y的最小值
案例3：隨機色卡（隨機顏色講解）
numberObject.toFixed()
NumberObject.toFixed(num) 方法可把 Number 四捨五入為指定小數位數的數字
num 規定小數的位數，是 0 ~ 20 之間的值 ,預設0
var a = 12.655454;
var round = a.toFixed(3);
alert( round );//12.655
Math方法二
“度”的定義是，“兩條射線從圓心向圓周射出，形成一個夾角和夾角正對的一段弧。當這段弧長正好等於圓周長的360分之一時，兩條射線的夾角的大小為1度。（如圖1） 弧度的定義是：兩條射線從圓心向圓周射出，形成一個夾角和夾角正對的一段弧。當這段弧長正好等於圓的半徑時，兩條射線的夾角大小為1弧度。（如圖2）
角所對的弧長是半徑的幾倍，那麼角的大小就是幾弧度。
它們的關係可用下式表示和計算：
（弧度）＝弧長/半徑
圓的周長是半徑的 2π倍，所以一個周角（360度）是 2π弧度。
三、度跟弧度之間的換算
據上所述，一個平角是 π 弧度。
即 180度＝π弧度
由此可知：
弧度＝π/180度 ( ≈0.017453弧度 )
1、Math.sin（弧度） 正弦 對邊比斜邊 一個以弧度表示的角
2 、Math.cos（弧度）餘弦 鄰邊比斜邊 是 -1.0 到 1.0 之間的數
3、 Math.PI
Math.PI 即π 是圓的周長和它的直徑之比。這個值近似為 3.141592653589793
一弧度 = π/180；將角度乘以（2PI/360） 0.017453293 即可轉換為弧度
案例4：圓周運動（三角函式講解）
最後
如果大家有什麼見解，歡迎大家留言評論！
最後
如果大家有什麼見解，歡迎大家留言評論！
2 、Math.cos（弧度）餘弦 鄰邊比斜邊 是 -1.0 到 1.0 之間的數
3、 Math.PI
Math.PI 即π 是圓的周長和它的直徑之比。這個值近似為 3.141592653589793
一弧度 = π/180；將角度乘以（2PI/360） 0.017453293 即可轉換為弧度
案例4：圓周運動（三角函式講解）
最後
如果大家有什麼見解，歡迎大家留言評論！
最後，如果有想一起學習web前端，HTML5及JavaScript的可以來一下我的前端群：733581373，好友都會在裡面交流，分享一些學習的方法和需要注意的小細節，每天也會準時的講一些前端的炫酷特效，及前端直播課程學習
如果想看到更加系統的文章和學習方法經驗可以關注的微訊號：‘web前端技術圈’或者‘webxh6’關注後回覆‘2018’可以領取一套完整的學習視訊