import "./styles.css";
import React from "react";
export default class App extends React.Component {
constructor() {
super();
this.state = {
mod: "yas",
count: 0
};
}
componentDidMount = () => {
this.num = 5;
this.myTimer = setInterval(() => {
this.setState({
mod: new Date().toLocaleTimeString(),
count: this.state.count + 1
});
}, 1000);
};
intervalTemizle = () => {
console.log(this.num);
console.log(this.myTimer);
clearTimeout(this.myTimer);
this.setState({
count: 0
}); // Hem setInterval objesini sifirladim, hem de count degerini 0'a esitledim. Boylece bastan basladi.
//this.state.count = 0;
};
render() {
return (
<div className="App">
<h1>{this.state.mod}</h1>
<h2>{this.state.count}</h2>
<button onClick={this.intervalTemizle}> Click Me! </button>
</div>
);
}
}