今天遇到一个简单的小功能，看网上的一些方法感觉不太适合，所以就手敲了一个，直接上代码！！！ ...

...

1. setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。 setTimeout() 只执行 code 一次。如果要多次调用，请使用 setInterval() 或者让 code ...

因为项目需要做一个react倒计时组件，网络上也有，但是感觉不是很好，兼容性不高，于是自己写了一个： 1.包含 天，时，分，秒。可以根据特定的场景选择相应的展示方式; 2.提供回调函数。 父组件： 　　<CountDown endTime ...

useState的基本用法 useState用于向函数组件添加状态 它接收一个参数作为状态的初始值，并返回一个数组 数组的第一个值为状态，第二个值为改变状态的函数 在组件中读状态：直接访问状态名即可 在组件中修改状态：调用函数，传入状态改变后的值 useEffect的基本用法 ...

倒计时组件 import React, { Component } from 'react' import $ from 'jquery' import "../../css/spellTEPayPublic/countDown.css" export default class ...

最近有一个需求是做一个闪购列表，列表中每一个商品都有倒计时，如果每一个倒计时都去生成一个setTimeout的话，一个页面就会有很多定时器，感觉这种做法不是非常好，于是换了一个思路。 思路是这样的，一个页面只生成一个定时器。页面利用对象去维护一个回调函数列表，key可以是id等唯一标识 ...

先贴页面代码，就一个简单的div，然后绑定点击事件 下面是js代码 在点击事件前先判断按钮是否可点击，通过后将按钮修改为不可点击，再开始我们的定时器。在定时器中重新给按钮显示的text赋值，并在完成后恢复按钮的点击状态，销毁当前倒计时。 这样，一个简单的倒计时获取 ...