全网整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：400-708-3566
电脑端+手机端+微信端=数据同步管理
免费咨询热线：400-708-3566
本文实例为大家分享了js秒表计时器的制作代码，供大家参考，具体内容如下
具体代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="gb2312">
<title>Document</title>
<style>
div{margin-top:40px;margin-left:25px;margin-bottom:10px;width:20px;height:20px;}
input{width:30px;height:30px;margin-left:20px;font-size:20px;color:#fff;background: #000;border:none;outline: none;}
</style>
</head>
<body>
<div></div>
<input type="button" value="开始" />
<input type="button" value="停止" />
</body>
<script type="text/javascript">
//2.实现秒表功能，实现时 分 秒 毫秒 点击1开始计时，2结束计时；
var oDiv=document.getElementsByTagName('div')[0];
var Btn1=document.getElementsByTagName('input')[0];
var Btn2=document.getElementsByTagName('input')[1];
var ms=0;
var sec=0;
var min=0;
var hour=0;
Btn1.onclick=function(){
timer=setInterval(function(){
var str_hour=hour;
var str_min=min;
var str_sec=sec;
if(hour<10){
str_hour="0"+hour;
}
if(min<10){
str_min="0"+min;
}
if(sec<10){
str_sec="0"+sec;
}
var time=str_hour+':'+str_min+':'+str_sec+':'+ms;
oDiv.innerHTML=time;
ms=ms+50;
if(ms>999){
ms=0;
sec++;
}
if(sec>59){
sec=0;
min++;
}
if(min>59){
min=0;
hour++;
}
},50)
}
Btn2.onclick=function(){
clearInterval(timer);
}
</script>
</html>
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
# js秒表计时器
# js计时器
# javascript秒表计时器
# js实现秒表计时器
# js实现计时器秒表功能
# javascript 秒表计时器实现代码
# 原生js实现秒表计时器功能
# javascript设计简单的秒表计时器
# javascript实现一款好看的秒表计时器
# 计时器
# 大家分享
# 具体内容
# 大家多多
# div
# Document
# top
# margin
# title
# meta
# head
# charset
# width
# height
# bottom
# px
# left
# align
# text
# pre
相关文章：
Python文件管理规范_工程实践说明【指导】
如何在景安服务器上快速搭建个人网站？
如何用wdcp快速搭建高效网站？
七夕网站制作视频,七夕大促活动怎么报名？
如何在腾讯云免费申请建站？
潍坊网站制作公司有哪些,潍坊哪家招聘网站好？
为什么Go需要go mod文件_Go go mod文件作用说明
视频网站app制作软件,有什么好的视频聊天网站或者软件？
网站制作报价单模板图片,小松挖机官方网站报价？
如何通过FTP服务器快速搭建网站？
定制建站流程步骤详解：一站式方案设计与开发指南
,网页ppt怎么弄成自己的ppt？
安徽网站建设与外贸建站服务专业定制方案
如何在IIS管理器中快速创建并配置网站？
微信推文制作网站有哪些,怎么做微信推文，急？
制作公司内部网站有哪些,内网如何建网站？
小捣蛋自助建站系统：数据分析与安全设置双核驱动网站优化
如何快速生成橙子建站落地页链接？
上海网站制作网页,上海本地的生活网站有哪些？最好包括生活的各个方面的？
如何构建满足综合性能需求的优质建站方案？
免费制作统计图的网站有哪些,如何看待现如今年轻人买房难的情况？
实现点击下箭头变上箭头来回切换的两种方法【推荐】
高端网站建设与定制开发一站式解决方案 中企动力
外贸公司网站制作哪家好,maersk船公司官网？
高端智能建站公司优选：品牌定制与SEO优化一站式服务
php条件判断怎么写_ifelse和switchcase的使用区别【对比】
微信小程序 五星评分(包括半颗星评分)实例代码
极客网站有哪些,DoNews、36氪、爱范儿、虎嗅、雷锋网、极客公园这些互联网媒体网站有什么差异？
如何通过可视化优化提升建站效果？
赚钱网站制作软件,建一个网站怎样才能赚钱?是如何盈利的？
制作充值网站的软件,做人力招聘为什么要自己交端口钱？
如何在Tomcat中配置并部署网站项目？
高配服务器限时抢购：企业级配置与回收服务一站式优惠方案
建站之星后台密码如何安全设置与找回？
如何确保FTP站点访问权限与数据传输安全？
建站之星CMS建站配置指南：模板选择与SEO优化技巧
c++怎么编写动态链接库dll_c++ __declspec(dllexport)导出与调用【方法】
网站制作多少钱一个,建一个论坛网站大约需要多少钱？
怎么制作网站设计模板图片,有电商商品详情页面的免费模板素材网站推荐吗？
建站之星图片链接生成指南：自助建站与智能设计教程
山东云建站价格为何差异显著？
网站海报制作教学视频教程,有什么免费的高清可商用图片网站，用于海报设计？
如何有效防御Web建站篡改攻击？
C++用Dijkstra(迪杰斯特拉)算法求最短路径
如何选择香港主机高效搭建外贸独立站？
如何制作一个表白网站视频,关于勇敢表白的小标题？
网站制作哪家好,cc、.co、.cm哪个域名更适合做网站？
模具网站制作流程,如何找模具客户？
郑州企业网站制作公司,郑州招聘网站有哪些？
php json中文编码为null的解决办法
*请认真填写需求信息，我们会在24小时内与您取得联系。
