# 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)
```
:::