使用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值
  • 热门搜索
    退保险需要什么证件 fear是什么意思 线下是什么意思 纠纷的意思 苗条的意思 母亲节祝福妈妈的话语 calm是什么意思 翻页笔什么牌子好 猴年马月是什么意思 新婚快乐祝福语八字