思路: 设置一个计数器,用来记录点击的次数。
点击第一次:创建定时器,300毫秒后,执行单击操作,并将计数器归零
点击第二次:定时器还没有触发,删除定时器、执行双击操作,并将计数器归零
// 定时器
let clickStore;
// 计数器,记录点击的次数,1:创建定时器,300毫秒后将计数器归零并执行单击操作。2:定时器还没有触发,删除定时器、将计数器归零并执行双击操作
let clickCount = 0;
video.onclick = function () {
clickCount++;
// 单击
if(clickCount === 1) {
clickStore = setTimeout(function () {
clickCount = 0;
// 这儿写你的单击操作
}, 300);
}
// 双击
else {
// 删除上一次单击事件
clearTimeout(clickStore);
clickCount = 0;
// 这儿写你的双击操作
}
}