使用JavaScript输出动态时间

 时间:2024-10-13 01:08:12

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

使用JavaScript输出动态时间

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

使用JavaScript输出动态时间

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

使用JavaScript输出动态时间

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

使用JavaScript输出动态时间

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

使用JavaScript输出动态时间

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

使用JavaScript输出动态时间
  • HBuilder如何设置项目管理器的图标风格
  • jquery如何实现鼠标放上div时改变其大小
  • 前端编程-用浏览器自带的取色功能快速拾取颜色
  • 如何在IntelliJ IDEA中导入mysql的驱动jar包
  • js设置input的value值
  • 热门搜索
    桂林阳朔旅游 夏天适合去哪里旅游 大理丽江旅游 大溪地旅游报价 昭通旅游 旅游帐篷 武汉旅游年卡 汕头南澳岛旅游攻略 巴厘岛旅游要多少钱 冰雪旅游