使用JavaScript输出动态时间

1、首先打开我们的HBuilder，点击新建项目，在弹出的对话框中填写好项目名称，选择好文件保存的位置。然后在下面的模板中选择基础HTML项目。如下图所示。

3、接下来我们开始写代码，首先我们写一个<label>标签，我们给标签一个id用于我们后续的定位。这个标签是用于输出我们的时间。如下图所示。

5、然后开始做我们显示时间的函数showClock()。在该函数里首先定义好时间变量myDate，之后获取系统时间并将该时间输出到我们的loc变量里。

7、那么一个动态时间就做好了，不过有时候我们希望在我们点击后，时间能够暂停，那么我们就还需要编写一个暂停时间的函数stopClock()。

9、编写好stopClock()后，我们需要将它调用。这里我们使用<a>挢旗扦渌;标签来实现。href属性值表示将该标签的枣娣空郅js性质去除。然后在我们点击该标签时，调用我们的stopClock()函数。如下图所示。

11、然后我们运行点击开关就可以显示和暂停时间啦。