<!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> <title> new document </title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <input type="text" id="otxt" /> <span id="info"></span> <script type="text/javascript"> var timer = null; document.getElementById('otxt').onfocus = function() { var i = 0; timer = setInterval(function() { document.getElementById('info').innerHTML = ++i + ' ms'; }, 1); } document.getElementById('otxt').onblur = function() { clearInterval(timer); document.getElementById('info').innerHTML = i + ' ms'; } </script> </body> </html>
<div id="showTimeDiv"></div> <input type="text" onkeydown = "startTime();" onkeyup = "endTime()" /> var i = null; //键盘按下开始计时 function startTime() { if (i == null) i = (new Date()); } function endTime() { //键盘抬起时计算时间 var end = new Date(); var x = end.valueOf() - i.valueOf();
<!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>
<title> new document </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<input type="text" id="otxt" />
<span id="info"></span>
<script type="text/javascript">
var timer = null;
document.getElementById('otxt').onfocus = function() {
var i = 0;
timer = setInterval(function() {
document.getElementById('info').innerHTML = ++i + ' ms';
}, 1);
}
document.getElementById('otxt').onblur = function() {
clearInterval(timer);
document.getElementById('info').innerHTML = i + ' ms';
}
</script>
</body>
</html>
<input type="text" onkeydown = "startTime();" onkeyup = "endTime()" />
var i = null;
//键盘按下开始计时
function startTime()
{
if (i == null)
i = (new Date());
}
function endTime()
{
//键盘抬起时计算时间
var end = new Date();
var x = end.valueOf() - i.valueOf();
document.getElementById("showTimeDiv").innerHTML = x;
}