简易计时器

JS基础 黄飞鹏
文章标签: setInterval()

1、创建一个p标签和2个按钮按键:

2020-12-25_205657.png

2、在我们进来的时候直接使用onload加载让其进来就可以直接调用

如果不使用onload的话进来会显示本地时间但是他不会动。

计时器1.png

3、这是点击启用计时的按钮函数:

这里一定要注意一个bug如果一直点的话会一直触发计时器,所有我们给这个按钮一个disabled=true;使其禁用

计时器4.png

4、清除计时器,这里必须要在清除计时器的时候启用计时按钮,这里直接用event.srcElement.nextElenmentSibling.disabled=false即可:计时器3.png

下面是效果图,这里只是截取了静态图,实际是这个时间会跟着本地的时间一起跳动,因为我们上面是1秒钟调用一次函数刚刚好与时间的秒数匹配:

计时器2.png

还能输出{{restrictNumber}}个字符  
  • {{reply.author}}

    {{CommonUtil.formateDate(reply.ac_CommentDate).shortTime}}
  • 回复了{{Comments.author}} :