实现react中的自动保存--定时任务

1.

定义和用法

setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。

setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。

提示： 1000 毫秒= 1 秒。

提示： 如果你只想执行一次可以使用 setTimeout() 方法。

每三秒（3000 毫秒）弹出 "Hello" :

setInterval(function(){ alert("Hello"); }, 3000);

 

 

每 300 毫秒切换背景颜色：

var myVar = setInterval(function(){ setColor() }, 300);
 
function setColor() {
    var x = document.body;
    x.style.backgroundColor = x.style.backgroundColor == "yellow" ? "pink" : "yellow";
}
 
function stopColor() {
    clearInterval(myVar);
}

　　

react项目实践：

　　1.组件挂载的时候调用方法

　　　　componentWillMount  = async () => {

　　　　　　this.saveFormData();

　　　　}

　　　　saveFormData = () => {

　　　　　　timer = setInterval (() => {

　　　　　　　　this.handleSava(); // 保存方法

　　　　　　}, 200000);

　　　　}

　　2.组件卸载的时候清楚timer

　　componentWillUnmount = () => {

　　　　clearInterval(timer);

　　}