<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
var c=0
var t
function timedCount()
{
var temptextmin=document.getElementById('txt');
hour = parseInt(c / 3600);// 小时数
min = parseInt(c / 60);// 分钟数
if(min>=60){
min=min%60
}
lastsecs = c % 60;
temptextmin.value = hour + "时" + min + "分" + lastsecs + "秒"
c=c+1
t=setTimeout("timedCount()",1000)
document.getElementById('start').style.display = "none";
document.getElementById('end').style.display = "";
}
function stopCount()
{
clearTimeout(t)
document.getElementById('start').style.display = "";
document.getElementById('end').style.display = "none";
}
function clearAll(){
c=0
document.getElementById('txt').value= "0时" + "0分" + "0秒"
clearTimeout(t)
document.getElementById('start').style.display ="";
document.getElementById('end').style.display = "none";
}
</script>
</head>
<body>
<form>
<input type="text" id="txt" value="0时0分0秒">
<input type="button" value="开始计时！" id="start" onClick="timedCount()">
<input type="button" value="停止计时！" style="display: none" id="end" onClick="stopCount()">
<input type="button" value="清除" onClick="clearAll()">
</form>
<p>请点击上面的“开始计时”按钮来启动计时器。输入框会一直进行计时，从 0 开始。点击“停止计时”按钮可以终止计时。</p>
</body>
</html>
分享到：
相关推荐
JavaScript秒表计时器是一种基于Web的计时工具，它利用JavaScript语言的特性和功能来实现计时功能，用户可以通过JavaScript代码控制计时器的启停。在网页开发中，这种计时器常用于游戏、在线测试或者任何需要精确...
在介绍JavaScript秒表计时器实现代码之前，我们先简要了解下秒表计时器的基本概念。秒表计时器是一种用于精确测量时间间隔的计时工具，通常用于体育竞赛、科学研究等领域。在计算机应用中，秒表计时器通常由用户通过...
"js计时器数字卡片翻转秒表计时器网页特效"就是一个利用JavaScript实现的动态计时功能，它结合了数字卡片翻转的效果，使得秒表计时更为直观且具有视觉吸引力。这种效果常见于体育竞赛、健身应用或者任何需要实时计时...
本篇将详细介绍一个基于jQuery实现的仿iPhone手机秒表计时器的JavaScript代码，该计时器具备计次复位功能，适用于网页上的互动计时需求。 首先，jQuery库是这个计时器的核心工具，它简化了DOM操作和事件处理。在...
在JavaScript中，实现一个秒表计时器涉及到定时器（setTimeout和setInterval）以及DOM操作。下面我们将详细探讨这些知识点： 1. **定时器：** - `setInterval` 函数用于每隔一定时间执行一次指定的函数。在这个...
js 网页 秒表 计时器
总结，通过以上步骤，我们可以创建一个基本的JavaScript秒表计时器。这个计时器具备开始、暂停和重置功能，并且能够在用户界面上实时显示经过的时间。这样的计时器对于学习JavaScript的事件处理、DOM操作和定时器...
jQuery仿苹果手机秒表计时器特效 demo预览地址：...jQuery仿苹果手机秒表计时器特效是一款支持计次复位的苹果秒表计时器代码，源码简单，一个主页和jquery依赖，通过js脚本控制计时器和样式切换
总结，这个JavaScript秒表计时器的实现主要包括以下几个步骤： 1. 初始化时间变量。 2. 使用`setInterval`创建计时器，每50毫秒更新时间并显示。 3. 格式化时间显示。 4. 当达到特定时间单位的边界时，递增上级时间...
在给定的标题“计时器（秒表、倒计时）”中，我们可以理解这是一个集成了秒表和倒计时功能的程序。描述中提到它是“单文件/界面清新/可植于静态网页/Flash”，这意味着这个计时器程序是一个自包含的文件，具有简洁的...
在本项目中，"jQuery苹果秒表计时器代码.zip" 是一个包含使用jQuery实现的类似苹果风格的秒表计时器的代码资源。这个计时器不仅能够实时显示时间，还具有记次功能，即可以记录在计时过程中发生的事件次数。下面将...
《秒表计时器：高效精准的计时工具》 秒表计时器，作为一种实用的计时软件，因其小巧的体积和强大的功能而受到广大用户的喜爱。它不占用过多的系统资源，却能提供精准的计时服务，无论是进行体育锻炼、烹饪计时，...
在jQuery秒表计时器中，`setInterval`可能被用来每隔一定毫秒更新显示的时间，例如每10毫秒或100毫秒更新一次。 重置功能通常通过调用`clearInterval`来实现。当用户触发重置操作时，该函数会清除之前设置的定时器...
【jQuery秒表计时器计次代码】是一个基于JavaScript库jQuery实现的计时器功能，主要应用于网页上，提供了一种简单的方式来进行秒表计时和计次统计。这个工具适用于那些需要在网页上实时记录时间或者跟踪特定事件发生...
这个“2个倒计时和一个秒表计时器demo”是一个编程示例，展示了如何使用代码实现这两种基本的计时功能。让我们详细探讨一下倒计时计时器和秒表计时器的实现原理及其相关的知识点。 首先，倒计时计时器（Countdown ...
总的来说，"jQuery仿iphone手机秒表计时器代码"是一个结合了jQuery强大功能和HTML5基本特性的实践案例，它展示了如何用JavaScript实现动态计时功能，同时也体现了Web开发中用户界面设计和交互性的重要性。...
总的来说，"jQuery多功能秒表闹钟计时器插件"结合了jQuery的强大功能、CSS3的动画效果以及JavaScript的时间处理能力，为网页应用提供了丰富的计时解决方案。无论是开发者还是设计者，都能从中受益，创建出更富交互性...
简单的js秒表计时，js定时器不会因为多次点击计时产生多个定时器造成计时加速的现象，只有定时器处于空值时才能开始计时，也就是暂停或停止状态，停止后计时器清空。