4.2 关于定时器时钟的思考

在本书第1章关于React渲染机制的介绍中，我们实现了一个时钟应用，具体是通过定时器机制来实现的。下面再回顾一下那段代码，具体如下：

【代码4-5】（详见源代码目录ch01-react-dom-render.html文件）

关于【代码4-5】的说明：

●第05~14行代码定义的updateTime()方法，通过元素渲染的方式实现了React时钟效果（当然这个页面时钟是无法动态更新的）。

●核心代码是第16行代码定义的计时器setInterval()方法，在通过定时器定时调用updateTime()方法，实现了页面时钟动态更新的效果。

虽然【代码4-5】可以实现动态时钟的效果，但并不是我们预想中的完美方式。我们希望可以实现一个结构清晰、可封装和可重复使用的时钟组件。