js之看你的鼠标点多快

最新推荐文章于 2023-06-27 17:07:45 发布

cangkukuaimanle

最新推荐文章于 2023-06-27 17:07:45 发布

阅读量3.2k

点赞数 1

分类专栏： html/css/javascript

本文链接：https://blog.csdn.net/cangkukuaimanle/article/details/8193772

版权

html/css/javascript 专栏收录该内容

55 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML> 
<html>
<head>
<script type="text/javascript" src="test/jquery-1.7.2.min.js"></script>
<script type="text/javascript">

$(document).ready(function(){
var last, diff;
$('div').click(function(event) {
  if ( last ) {
    diff = event.timeStamp - last
    $('div').append('time since last event: ' + diff + '<br/>');
  } else {
    $('div').append('Click again.<br/>');
  }
  last = event.timeStamp;
}); 
});
</script>
  <style type="text/css">
div { height: 100px; width: 300px; margin: 10px; 
      background-color: #ffd; overflow: auto; }
</style>
</head>
<body>
<div>Click.</div>
</body>
</html>

上述代码中主要介绍了event对象的timeStamp（时间戳）这个对象

运行下后点击区域，会显示和上次点击的时间间隔，玩游戏的人可以测测你点击鼠标有多快哦