HTML代码
<input type="button" id="thisIsInput" onmousedown="start()" onmouseup="end()" value="click me!">
JS代码
1、首先,定义全局的i和计时器(删除计时器之后可重新赋值)
let i =0 , intal;
2、鼠标按下的函数
function start(){
intal =setInterval(function(){i++;},1000); //计时器赋值
setTimeout(time3,3000) //检测三秒后鼠标是否还在按下状态
}
3、检测鼠标状态
function time3(){
if(i >= 2){ //因为是从0开始计算,所以 i 是3秒
console.log('3秒了~');
end() //调用鼠标抬起函数,结束计时
}
}
4、鼠标抬起的函数
function end(){
clearInterval(intal); //清空计时器
i =0; // i 归零,准备下一次计时
}
