JavaScriptで定期実行とタイマー実行

JavaScript

定期実行

デベロッパーコンソールなどで実行してみてください。

let greeting = (message) => {
  console.log(message);
};

let timer = setInterval(greeting, 2000, "Hello World");

定期実行の解除

clearInterval(timer);

タイマー実行

let greeting = (message) => {
  console.log(message);
};

let timer = setTimeout(greeting, 2000, "Hello World");

タイマー実行の解除

clearTimeout(timer);

React.jsの場合

state = {
  intervalId: ""
}

componentDidMount(){
  let intervalId = setInterval(this.yourFunction, 1000)
  this.setState({ intervalId: intervalId })
}

componentWillUnmount(){
  clearInterval(this.state.intervalId)
}

Vue.jsの場合

this.timeout = setTimeout(() => { this.isCall = false }, 2000) // 実行
clearTimeout(this.timeout) // 削除(クリア)

Vue equivalent of setTimeout?