显示毫秒的时钟

最新推荐文章于 2024-07-03 14:33:15 发布

xjinza

最新推荐文章于 2024-07-03 14:33:15 发布

阅读量1w

点赞数

分类专栏： javascript 文章标签： function button xhtml numbers input date

本文链接：https://blog.csdn.net/xjinza/article/details/7967084

版权

javascript 专栏收录该内容

56 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
<style type="text/css">








</style>
<script type="text/javascript">  
  
var t  


  
function startTime(e)  
{  
var today=new Date()  
var h=today.getHours()  
var m=today.getMinutes()  
var s=today.getSeconds()  
var ms=today.getMilliseconds()  
// add a zero in front of numbers<10  
m=checkTime(m)  
s=checkTime(s)  
ms=Math.floor(checkTime(ms)/100)  
document.getElementById('txt').value=h+":"+m+":"+s+":"+ms  
t=setTimeout('startTime()',100)  
document.getElementById("btn1").disabled=true;
document.getElementById("btn2").disabled=false;


}  
  
function checkTime(i)  
{  
if (i<10)   
  {i="0" + i}  
  return i  
}  
  
function stopCount(e)  
{  
clearTimeout(t) ;
document.getElementById("btn1").disabled=false;
document.getElementById("btn2").disabled=true;
}  
  
  
function isKeyPressed(event)  
{  
  if (event.ctrlKey==1)  
    {  
          
   startTime();  
    }  
  if(event.shiftKey==1)  
    {  
          
   stopCount()  
    }  
  }  
</script>  
</head>  
  
<body οnkeydοwn="isKeyPressed(event)">  
<form>  
<input type="button" value="开始计时！" onClick="startTime()" id="btn1">  
<input type="text" id="txt">  
<input type="button" value="停止计时！" onClick="stopCount()" id="btn2">  
</form>  
  
<p>  
请点击上面的"开始计时"按钮。输入框会从 0 开始一直进行计时。点击"停止计时"可停止计时。  
</p>  
  
</body>  
  
</html>

谢谢bkq421511585的建议，代码修改了下，现在按钮不可重复提

xjinza

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
2
评论
显示毫秒的时钟

var t function startTime(e) { var today=new Date() var h=today.getHours() var m=today.getMinutes() var s=today.getSeconds() var ms=today.getMilliseconds() // add a zero in front o
复制链接

扫一扫

专栏目录