//注释部分为js 的另一种实现方式
<body>
<!-- <button id="button">0</button> --><p>0</p>
<button id="add">+</button>
<button id="minus">-</button>
</body>
<script type="text/javascript">
$(function(){var p = 0;
var tid;
//按住增加
$("#add").click(function(){
p = $("p").html();
p++;
$("p").html(p);
});
$("#add").mousedown(function(){
tid = setInterval(function(){
p++;
$("p").html(p);
},100)
})
$("#add").mouseup(function(){
clearInterval(tid);
})
$("#add").mouseout(function(){
clearInterval(tid);
})
//按住减少
$("#minus").click(function(){
p = $("p").html();
p--;
$("p").html(p);
});
$("#minus").mousedown(function(){
tid = setInterval(function(){
p--;
$("p").html(p);
},100)
})
$("#minus").mouseup(function(){
clearInterval(tid);
})
$("#minus").mouseout(function(){
clearInterval(tid);
})
})
/* var c = 0;
var tid;
var btn = window.document.getElementById("button");
btn.onclick = function(e){
c++;
btn.innerHTML = c;
};
btn.onmousedown = function(e){
tid = setInterval(function(){
c++;
btn.innerHTML = c;
},100);
};
btn.onmouseup = function(e){
clearInterval(tid);
}
btn.onmouseout = function(e){
clearInterval(tid);
} */
</script>