JavaScript 如何统计一段时间内鼠标点击次数

JavaScript08

JavaScript 如何统计一段时间内鼠标点击次数,第1张

以下是我写的一个,你可以试试:

<!DOCTYPE>

<html>

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=UTF-8">

<title>RunJS</title>

</head>

<body>

<input value="秒杀" type="button" id="btnTest"/>

<script type="text/javascript">

var btnTest=document.getElementById("btnTest")

var timerId,temp,timerNum

if(!!btnTest)

{

temp=0,timerNum=0

btnTest.onclick=function(e)

{

temp++

if(!timerId)

{

timerId=setInterval(function(){timerNum++btnTest.value=timerNum+"秒内点击"+temp+"次"},1000)

setTimeout(function(){if(temp<10){reset()}},6000)

}

else if(temp>9 &&timerNum<=5)

{

btnTest.disabled=true

reset()

alert("您点击的太猛了,会吧电脑累坏的,休息3秒吧!")

setTimeout(function(){btnTest.disabled=false},3000)

return false

}

else if(temp<9 &&timerNum==5)

{

reset()

}

}

}

var reset=function(){

clearInterval(timerId)

timerId=null

temp=0

timerNum=0

btnTest.value="秒杀"

}

</script>

</body>

</html>

用JQ的,ajax 无刷新就能做到了

<img src="" id="abc" value="addnum">

<script>

$("#abc").click(function(){

var value = $(this).attr('value')

$.ajax({

type: "POST",

url: "add.php",

data: "type="+value,

success: function(msg){

// alert( "Data Saved: " + msg )

}

})

return false

})

</script>

<?php

/*

*add.php

*参数:type 判断是否是那个图片的点击

*talbe_name 为表名,替换成自己的表名

*/

$type= $_POST['type']

if($type=='addnum'){

$query = mysql_query("upadae talbe_name set num = num +1 where 条件") //执行sql语句

return $query

}

?>

var count = 0

document.onclick = function(){

    count++

    alert(count)

}