首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

js之看你的鼠标点符号多快

2012-11-25 
js之看你的鼠标点多快!DOCTYPE HTML htmlheadscript typetext/javascript srctest/jquery-1.7

js之看你的鼠标点多快

<!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(时间戳)这个对象

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

热点排行