Html
    Css
    Js

    
                        
* {
	margin:0;
	padding:0;
}
.box {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:100%;
}
.box .times>span {
	font-size:16px;
}
.start {
	border:none;
	outline:none;
	font-size:16px;
	padding:4px 10px;
	border-radius:6px;
	background:greenyellow;
}
.end {
	border:none;
	outline:none;
	font-size:16px;
	padding:4px 10px;
	border-radius:6px;
	background:orangered;
}
.reset {
	border:none;
	outline:none;
	font-size:16px;
	padding:4px 10px;
	border-radius:6px;
	background:skyblue;
}
.times {
	width:100%;
	text-align:center;
	padding:10px 0;
	display:flex;
	justify-content:center;
	align-items:center;
}
.con {
	display:flex;
	justify-content:space-around;
	width:100%;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

jQuery精确到毫秒级的计时器移动端

更新时间:2019-11-27 09:41:16

更新说明:当点两次'开始'的时候,停止不管用bug修复


更新时间:2019-11-26 14:17:55

3
      小程序0
      2019/12/17 15:16:26
      这个版本有bug,有需要的小伙伴可以去https://www.jq22.com/webqd6585这里,这是修复版。 回复
      半醒狐狸1
      2019/11/27 8:39:59
      有bug,当点两次'开始'的时候,停止不管用,复位只会把数字回复到0 ,但并不会停止.作者应该给开始事件加个复位,或者判断当已经开始时,再点开始无效
          小程序0
          2019/11/27 9:19:58
          感谢反馈,我已经修复,新的代码正在审核
      回复