javascript实现秒表计时器的制作方法
作者：lusizhifei 发布时间：2024-05-05 09:15:07
标签：js,计时器
本文实例为大家分享了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>
0
投稿猜你喜欢
- 我们熟悉了对象和类的基本概念。我们将进一步拓展，以便能实际运用对象和类。调用类的其它信息上一讲中提到，在定义方法时，必须有self这一参数。
首先，如果以前安装的话，要删除干净。我也找了- Python内置函数1. classmethod、staticmethod、property 。上述三个内置函数在文章（Python进阶——
- 如果一个模型里包含了ManyToManyField，在admin后台可能会显示成object，例如解决方法：在定义这个类的时候，加多一个函数
- 老婆大人让俺帮她通过Excel生成百人的准考证，她们学校打算来一次高考模拟。由于高考改革，每个学生的考试科目不一样，需要自动生成一下。我一个
- 我的理解为什么会用到python-docx,因为近段时间下载了大量网文，但格式都是html的，我个人习惯使用word处理文字，于是就想法设法
- 一、判断类型的函数is_bool() //判断是否为布尔型is_float() //判断是否为浮点型
- 一、seaborn概述Seaborn是在matplotlib的基础上进行了更高级的API封装，从而使得作图更加容易，在大多数情况下使用sea
- tips: 路由绑定、菜单跳转、网页后退高亮显示1. 问题描述使用antd-vue 的 a-layout布局和a-menu菜单做一个侧边栏菜
- 属性多层数组数据的添加修改为什么需要使用Vue.set？vue中不能检测到数组的一些变化比如一下两种：1、数组长度的变化 vm.arr.le
- 本文实例为大家分享了vue移动端实现手指滑动效果的具体代码，供大家参考，具体内容如下滑动时候黄色块宽度跟着变化通过touch点击实现目前感觉
- IDEA版本：2020.25. 用户名中文问题导致Jrebel用不了 - 解决方案5.1 重装系统 - 下次不要用中文啦5.2 改注册表，并
- 前言defer是golang语言中的关键字，用于资源的释放，会在函数返回之前进行调用。一般采用如下模式：f,err := os.Open(f
- Python文件输入输出本文以.txt文件为例，说明Python从.txt文件中读取内容和向.txt文件写入内容的方法。a.txt文件内容：
- 目录：分析和设计组件编码实现和算法用 Ant 构建组件测试 JavaScript 组件本期，我们要讨论的话题是 JavaScript 的测试
- Microsoft Visual C++ 14.0 is required. Get it with “Microsof
- 正常情况下，当我们定义了一个class，创建了一个class的实例后，我们可以给该实例绑定任何属性和方法，这就是动态语言的灵活性。先定义cl
- 本文所述实例为Python用3行代码实现解一元一次方程，代码简洁高效，具体用法如下：>>> solve("x -
- 前言：由于很多业务表因为历史原因或者性能原因，都使用了违反第一范式的设计模式。即同一个列中存储了多个属性值（具体结构见下表）。这种模式下，应
- 本文实例讲述了python计算牛顿迭代多项式的方法。分享给大家供大家参考。具体实现方法如下：''' p = eval
