实现react中的自动保存--定时任务
Posted jcxfighting
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了实现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);
}
以上是关于实现react中的自动保存--定时任务的主要内容，如果未能解决你的问题，请参考以下文章
谁能告诉我电脑怎么实现定时自动打开某个网页，然后自动点击网页中的一个按钮？