定时器的时间准确到百分之一秒

看到很多案例的定时器都是只准确到秒的,
这些是只能大概记录下时间,但记录的时间并
不精准,于是就写了一个可以准确到百分之一
秒的定时器案例;
首先如下图所示:
在这里插入图片描述
第一步创建一个标签,里面放三个
标签,标签给它一个name=stpw
的名称,
第二步,第一个标签给它一个name
=time的名称,这是记录时间的文本框,第二和
第三个分别是开始、重置的button按钮;
最重要的一步来了,如下图所示:
在这里插入图片描述
1、 var s=0;这个代表的是计时器从0开始计算;
var state=true;这个是用来判断用的;
2、 当state=true时,计时器开始从0开始计算
3、 当state=false时,计时器就会停止计算,
在这里插入图片描述
4、 点击重置按钮,state=true,s=0;记录的时间
就会变成0;
5、 body(),这个是放在里面调用的方法,
在这里插入图片描述

当页面加载时就会调用这个方法,如果没有这个
方法,点击开始按钮时,是没有效果的,

教程已经结束了,接下就是看效果图了:
在这里插入图片描述
点击开始按钮:
在这里插入图片描述
这个是大概计算了3秒的结果;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值