# javascript 計時器 ## setTimeout - 過x秒後執行function ```javascript! setTimeout(functionRef, [delay], [param1], [param2]....) ``` > 函式,毫秒數,函式參數... :::info **範例** ```javascript= setTimeout(function(){ console.log("1 sec later~"); },1000) ``` ```javascript= setTimeout(()=>{ console.log("1 sec later~"); },1000) ``` > 1秒後輸出 "1 sec later~" ```javascript= setTimeout(function(name){ console.log("Hi",name); },2000,"XYZ") ``` > 2秒後輸出 "Hi XYZ" ::: ## clearTimeout - 停止`setTimeout` ```javascript! clearTimeout(timeoutID) ``` :::danger **實際用法** ```javascript= var timeoutID = setTimeout(function(){ console.log("Hi") },1000) clearTimeout(timeoutID) //在1秒之前 ``` ::: ## setInterval - 每x秒執行function ```javascript! setInterval(functionRef, [delay], [param1], [param2]....) ``` > 函式,毫秒數,函式參數... :::info **範例** ```javascript= setInterval(function(){ console.log("1 sec later~"); },1000) ``` > 每1秒輸出 "1 sec later~" ```javascript= setInterval(function(name){ console.log("Hi",name); },2000,"XYZ") ``` > 每2秒輸出 "Hi XYZ" ::: ## clearInterval - 停止`setInterval` ```javascript! clearInterval(IntervalID) ``` :::danger **實際用法** ```javascript= var intervalID = setInterval(function(){ console.log("Hi") },1000) clearInterval(intervalID) ``` :::