zoukankan      html  css  js  c++  java
  • 实现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);

      }

  • 相关阅读:
    MSP430G2553 4x4矩阵键盘
    数论 (1)
    吐血分享一款免费看所有付费影视的app,不好用来石欠我
    Nginx如何部署静态web项目
    SpringBoot-RestTemplate实现调用第三方API
    信息收集小技巧
    kali常用命令
    kali中的Firefox改中文
    反射与注解
    MyBatis-Plus 基本用法
  • 原文地址:https://www.cnblogs.com/jcxfighting/p/10410979.html
Copyright © 2011-2022 走看看