react写倒计时

目录

方式一：

方式二：

页面效果

---

倒计时有两种方式

方式一：

获取当前时间，然后进行一小时的倒计时

<script type="text/babel">
    let menuitems = 60 * 60
    function time() {
        let m = Math.floor(menuitems / 60)
        let s = Math.floor(menuitems % 60)
        let vdom = (<div className='time'>
            {`${m < 10 ? "0" + m : m}分${s < 10 ? "0" + s : s}秒`}
        </div>)
        ReactDOM.render(
            vdom,
            document.getElementById('root')
        )
        menuitems--
    }
    setInterval(time, 1000)
</script>

 {`${m < 10 ? "0" + m : m}分${s < 10 ? "0" + s : s}秒`}

这行代码就是为了如果倒计时分和秒小于10的情况下，让页面显示0几，而不是一个数，页面更加美观

方式二：

首先获取未来一小时的时间，再获取当前时间，用未来一小时的时