Javascript 单击N次后触发回调

Javascript 单击N次后触发回调,javascript,html,button,click,show,Javascript,Html,Button,Click,Show,我是Javascript新手,我找不到问题的答案。如果你点击一个按钮5次,我的javascript会显示一个div吗?如果是这样的话,我怎样才能做到这一点 谢谢 var点击次数=0; 函数myFunction(){ 点击次数=点击次数+1; 如果(单击==5){ document.getElementById('target').style.display='block'; } } 点击我 你点击了5次你需要这样吗 $(文档).ready(函数(){ n=1; $(“.clickable”

我是Javascript新手,我找不到问题的答案。如果你点击一个按钮5次,我的javascript会显示一个div吗?如果是这样的话,我怎样才能做到这一点

谢谢

var点击次数=0;
函数myFunction(){
点击次数=点击次数+1;
如果(单击==5){
document.getElementById('target').style.display='block';
}
}
点击我
你点击了5次
你需要这样吗


$(文档).ready(函数(){
n=1;
$(“.clickable”)。单击(函数(){
如果(n==5){
警告(“您点击了5次”);
}否则{
n++;
}
});
});
点击这里5次

不带jQuery:

document.addEventListener(“DOMContentLoaded”),函数(事件){
var button=document.getElementById('click_me');
var elem=document.getElementById('message');
var计数=0;
按钮。addEventListener('click',函数(e){
e、 预防默认值();
计数++;
如果(计数=5){
elem.style.display='block';
}
},假);
});
#消息{
背景:#0f0;
显示:无;
填充:10px;
}
点击我

Hello World
通过一点函数组合,可以创建一个通用的单击处理程序函数来模拟真实的“”的行为,但需要自定义N次单击

const buttons=document.queryselectoral('button'))
const onClick=(所需点击次数,时间限制=300)=>cb=>{
让定时器;
让单击=0;
返回e=>{
//每次单击时,检查是否达到目标
如果(++单击==需要单击){
cb(e)
单击=0
}
清除超时(计时器)
计时器=设置超时(()=>
clicked=0//重置传统300ms持续时间后的单击次数
,时限)
}
}
//通过控制单击次数的索引将事件绑定到所有按钮
[…按钮].forEach(
(按钮,idx)=>button.addEventListener(“单击”,onClick(idx+1)(回调))
)
//单击N次后调用此回调(取决于演示中的按钮)
函数回调(e){
控制台清除()
log(“单击索引处的按钮”,例如target.name)
}
点击快速:
点击一下
点击两次
点击3次

单击什么后单击4次
?是的,这是可能的:为您希望用户单击的内容创建一个单击事件处理程序,并让它计算单击次数。@nnnnnn单击按钮。我需要Jquery吗?可以在一个按钮上点击两次吗?我在同一个按钮上还有另一个功能。是的,用“;”将它们分开,onclick=“function1();function2();”