统计鼠标点击次数的页面demo

63 阅读 0 评论 42 点赞

我是靠谱客的博主魁梧画板，最近开发中收集的这篇文章主要介绍统计鼠标点击次数的页面demo，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

<!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" />
<title>无标题文档</title>
<script language="javascript">
var times = 0;//点击次数
var preClickTime ;//上一次点击的时间（毫秒）
var currentClickTime;//当前点击时间
function countClickedTimes(){
if(times === 0){
preClickTime = new Date().getTime();//首次点击的时间
times ++;
alert("当前点击次数:"+times);
return;
}
currentClickTime = new Date().getTime();
//alert(currentClickTime - preClickTime);
if((currentClickTime - preClickTime) < 3000) {//如果是3秒内重复点击
alert("亲，您的点击速度过快...");
preClickTime = currentClickTime;
return;
}
preClickTime = currentClickTime;
times ++ ;
alert("当前点击次数:"+times);
}
</script>
</head>
<body>
<a href="javascript:countClickedTimes();">统计点击次数</a>
</body>
</html>