js实现时分秒毫秒计时器
2024-10-17 02:52:31
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>计时器</title>
<script>
var hour,minute,second;//时 分 秒
hour=minute=second=0;//初始化
var millisecond=0;//毫秒
var int;
function Reset()//重置
{
window.clearInterval(int);
millisecond=hour=minute=second=0;
document.getElementById('timetext').value='00时00分00秒000毫秒';
} function start()//开始
{
int=setInterval(timer,50);
} function timer()//计时
{
millisecond=millisecond+50;
if(millisecond>=1000)
{
millisecond=0;
second=second+1;
}
if(second>=60)
{
second=0;
minute=minute+1;
} if(minute>=60)
{
minute=0;
hour=hour+1;
}
document.getElementById('timetext').value=hour+'时'+minute+'分'+second+'秒'+millisecond+'毫秒'; } function stop()//暂停
{
window.clearInterval(int);
}
</script>
</head>
<body>
<div style="text-align: center">
<input type="text" id="timetext" value="00时00分00秒" readonly><br>
<button type="button" onclick="start()">开始</button> <button type="button" onclick="stop()">暂停</button> <button type="button" onclick="Reset()">重置</button>
</div>
</body>
</html>
该计时器可以实现开始,暂停,重置的功能
最新文章
- Codeforces Round #271 (Div. 2)题解【ABCDEF】
- Windows下干活儿辅助软件
- java系列:《java核心技术 卷1》学习笔记,chapter 11 调试技巧
- samba共享修改匿名用户为非nobody
- zookeeper的C#Client
- html同一个页面多个倒计时
- Java基础知识强化之集合框架笔记52:Map集合之Map集合的遍历 键找值
- autoit使用
- 采用DWR、maven保存数据到数据库
- Webstrom 常用操作记录
- LeetCode OJ Remove Duplicates from Sorted Array II
- Lambda表达式介绍
- vuex 基本用法、兄弟组件通信,参数传递
- [SCOI2010]生成字符串
- 【转载】SQL语句用一个表的数据更新另一个表
- SpringBoot(九):多模块下mapper分散后无法启动SpringBoot解决方法
- PyCharm 2018实现远程调试代码
- 遍历json 对象的属性并且动态添加属性
- [Done]SnowFlake 分布式环境下基于ZK构WorkId
- 用Yeoman构建AngularJS项目