Js&React之定时器的实验和思考

定时器的研究

在研究js动画的时候，接触到关于定时器相关的概念

想着尝试通过定时器来实现数值累加的功能

此时是在页面的dom结构渲染完后执行的函数

window.onload=function(){
...//省略获取dom
 mydiv.addEventListener('click', function (ev1) {
        timer = setInterval(function () {
          num += 1;
          console.log(num)
          mytarget.innerHTML = `当前数字更新为：${num}`
        }, 1000)
}

成功实现了该功能，原理是setInterval方法会每隔一个特定的时间去调用一个函数

因此就实现了每1s累加1的功能

接着，我将尝试在一个react项目里实现同样的东西

首先，我使用let变量来存储num的信息，将一切功能放在一个函数式组件里使用

全程不涉及到hook函数

const Demo1 = () => {
  //const [num, setNu