JavaScript计时器

点击开始按照当前时间开始计时,点击停止则终止读秒操作。

 首先:

写入html内部结构样式

以及该相应的css样式

最后写入JavaScript使其实现功能:

先封装以下自定义命名函数,在里边通过new 获取到世界时间

接着再一 一声明变量接收时、分、秒,接收到的时分秒做三元运算取零操作

当时分秒为个数的时,会自动在前边补一个零。

做好三元运算后,通过DOM操作获取到容器元素的Id,把拼接好的字符串写入。

封装好的时间函数放入计时器当中执行,每隔一秒执行一次调用函数。

通过文档获取开始和停止的id,绑定相应的点击事件,点击暂停计时器的时候清除掉计时器,当点击开始的时候计时器重新执行操作。

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值