10 examples of 'setinterval react native' in JavaScript

17
componentDidMount() {
18
  if (this.props.enabled) {
19
    this.start();
20
  }
21
}

20
componentDidMount() {
21
    setInterval(this.countingSecond, 1000);
22
}

11
componentDidMount() {
12
  this.interval = setInterval(this.props.onTick, 1000);
13
}

12
componentDidMount() {
13
  if (this.props.time - Date.now() > 1000) {
14
    this._interval = setInterval(() => {
15
      this.forceUpdate();
16
    }, 100);
17
  }
18
}

15
function withTimer(
16
  WrappedComponent: React.ComponentType,
17
  intervalInMs: number = 60 * 1000,
18
): React.ComponentType> {
19
  return class extends React.Component, TimerData> {
20
    intervalId?: number;
21
22
    static displayName = wrapComponentName(WrappedComponent, withTimer.name);
23
24
    state: TimerData = {
25
      currentTime: getCurrentTime(),
26
    };
27
28
    componentDidMount() {
29
      this.intervalId = window.setInterval(
30
        () => this.setState({ currentTime: getCurrentTime() }),
31
        intervalInMs,
32
      );
33
      document.addEventListener('visibilitychange', this.onPageVisibilityChange);
34
    }
35
36
    componentWillUnmount() {
37
      clearInterval(this.intervalId);
38
      document.removeEventListener('visibilitychange', this.onPageVisibilityChange);
39
    }
40
41
    onPageVisibilityChange = () => {
42
      // Page visibility changes when tabs go in and out of focus. When tabs
43
      // are out of focus, mobile browsers slow down timers, so we run an
44
      // additional check to make sure the page state has not drifted too far
45
      // from the wall clock
46
      const now = getCurrentTime();
47
      if (
48
        !document.hidden &&
49
        differenceInMilliseconds(now, this.state.currentTime) > intervalInMs
50
      ) {
51
        this.setState({ currentTime: now });
52
      }
53
    };
54
55
    render() {
56
      // TODO: remove as Props hack as defined in:
57
      // https://github.com/Microsoft/TypeScript/issues/28938#issuecomment-450636046
58
      return ;
59
    }
60
  };
61
}

18
function subscribeToIntervalTick() {
19
	const interval = setInterval(() => {
20
		setTickTock(!tickTock)
21
	}, 500)
22
	return () => clearInterval(interval)
23
},

24
public componentDidMount(): void {
25
  this.task = window.setInterval(() => this.tick(), 20);
26
}

38
componentDidMount() {
39
  setInterval(() => {
40
    this.setState({ now: Date.now() });
41
  }, 1000);
42
}

8
componentDidMount() {
9
  document.addEventListener('keydown', this.handleOnKeyDown);
10
}

29
function SetInterval() {
30
    this.key = {};
31
32
    /**
33
     * @param {Function} fn 
34
     * @param {Number} interval 
35
     * @param {String} key 
36
     */
37
    this.start = function start(fn, interval, key) { 
38
        if (!this.key[key]) {
39
            this.key[key] = setInterval(function () {
40
                fn();
41
            }, interval);
42
        }
43
    }
44
45
    /**
46
     * @param {String} key 
47
     */
48
    this.clear = function clear(key) {
49
        if (this.key[key]) {
50
            clearInterval(this.key[key]);
51
            delete this.key[key];
52
        }
53
    }
54
}