const delay = 2;
const limit = 2;
let i = 1;
console.log('START!');
const limitedInterval = setInterval(() => {
console.log(`message ${i}, appeared after ${delay * i++} seconds`);
if (i > limit) {
clearInterval(limitedInterval);
console.log('interval cleared!');
}
}, delay * 1000);const App = () => {
const [loading, setLoading] = React.useState(true);
React.useEffect(() => {
const interval = setInterval(() => {
setLoading(false);
}, 3000);
return () => clearInterval(interval);
}, []);
return (
<div className="App">{loading ? <h1>Loading</h1> : <h2>Counter</h2>}</div>
);
}
ReactDOM.render(<App />, document.getElementById("root"));// clearinterval javascript
let intervalID = setTimeout(()=>{
// some code
})
clearInterval(intervalID)clearInterval(intervalID);