JS Math對象、日期對象、函數、定時器

Math對象

• 開平方：sqrt
• 絕對值：abs
• π：PI
• x的y次方：pow
• 四捨五入取整：round
• 向下取整：floor
• 向上取整：ceil
• 最大值：max
• 最小值： min
• 隨機數：random

var br = "<br>";
document.write(Math.sqrt(9) + br);//開平方
document.write(Math.abs(-9) + br);//絕對值
document.write(Math.PI + br);//π:3.141592653589793....
document.write(Math.pow(2, 10) + br);//x的y次方
document.write(Math.round(3.5) + br);//四捨五入取整
document.write(Math.floor(3.9) + br);//向下取整
document.write(Math.ceil(3.1) + br);//向上取整
document.write(Math.max(8, 2, 4, 21) + br);//最大值
document.write(Math.min(8, 2, 4, 21) + br);//最小值
document.write(Math.random() * 100 + br);//隨機數:0-1

日期對象

• 獲取當前時間：Date()
• 獲取年：getFullYear
• 獲取月：getMonth
• 獲取日：getDate
• 獲取周幾：getDay
• 獲取時：getHours
• 獲取分：getMinutes
• 獲取秒：getSeconds
• 時間戳：Date.now()

var br = "<br>";
var datetime = new Date();
document.write(Date() + br);//獲取當前時間
document.write(datetime.getFullYear() + br);//獲取年
document.write(datetime.getMonth() + 1 + br);//獲取月(0-11)
document.write(datetime.getDate() + br);//獲取日
document.write(datetime.getDay() + br);//獲取周幾
document.write(datetime.getHours() + br);//獲取時
document.write(datetime.getMinutes() + br);//獲取分
document.write(datetime.getSeconds() + br);//獲取秒
document.write(Date.now() + br);//時間戳

函數

• 定義函數：function funName(){}
• 函數分類
  • 有名函數

  //有名函數
  //不定參
  function func() {
    return arguments[2] * arguments[4]
  }
  document.write(func(0, 1, 2, 3, 4));

  • 匿名函數

  // 匿名函數一般充當事件函數
  var box = document.getElementById("box");
  box.onclick = function () {
    alert("===")
  }

• 作用域
  • 加var定義，子作用域不會修改父作用域的值

  var num = 111;
  function eject() {
    var num = 999;
    alert(num)//999
  }
  alert(num);//111
  eject();
  alert(num);//111

  • 不加var定義，子作用域會修改父作用域的值

  var num = 111;
  function eject() {
    num = 999;
    alert(num)//999
  }
  alert(num);//111
  eject();
  alert(num);//999

  
  

定時器

• 設置定時器：setTimeout（只執行一次）
• 清除定時器：clearTimeout
• 設置定時器：setInterval（一直執行）
• 清除定時器：clearInterval

function log() {
    console.log("---")
}
//只執行一次
setTimeout(log, 1000);
//一直執行
var timer = setInterval("log()",1000);

var btn = document.getElementsByTagName("button")[0];
btn.onclick = function () {
    //清除定時器
    clearInterval(timer);
}