这篇文章将为大家详细讲解有关js如何实现秒表计时器,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
秒表计时器的实现:
效果图如下:
& lt; ! DOCTYPE html>
& lt; html lang=癳n"祝辞
& lt; head>
,& lt; meta charset=癠TF-8"比;
,& lt; meta name=皏iewport",内容=翱矶?设备宽度,初始=1.0,比;
,& lt; meta http-equiv=癤-UA-Compatible",内容=癷e=edge"比;
,& lt; title> Document
,& lt; style>
# div1 {才能
,,,宽度:300 px;
,,,身高:400 px;
,,,背景:天蓝色;
,,,保证金:100 px 汽车;
,,,text-align:中心;
,,}
,,
# count {才能
,,,宽度:200 px;
,,,身高:150 px;
,,,行高:150 px;
,,,保证金:汽车;
,,,字体大小:40像素;
,,}
,,
#才能div1 input {
,,,宽度:150 px;
,,,身高:40像素;
,,,背景:橙色;
,,,字体大小:25 px;
,,margin-top: 20 px
,,}
,& lt;/style>
& lt;/head>
& lt; body>
,& lt; div id=癲iv1"比;
& lt;才能div id=癱ount"比;
,,& lt; span id=癷d_H"在00 & lt;/span>
,,& lt; span id=癷d_M"在00 & lt;/span>
,,& lt; span id=癷d_S"在00 & lt;/span>
& lt;才能/div>
& lt;才能input id=笆?类型=癰utton",价值=https://www.yisu.com/zixun/笨肌?
<输入id="暂停" type="按钮" value="暂停”>
<输入id="停止" type="按钮" value="停止”>