Javascript 如何在按钮按下和关闭时连续增加

请看一下这段代码，告诉我当点击并按下

#adder

时，如何连续增加

索引


var指数=0；
$（“#加法器”）。在（“单击”，函数（）{
++指数；
$（“#res”）.html（索引）；
});
$（“#加法器”）。在（“键控”，函数（）上{
++指数；
$（“#res”）.html（索引）；
});
$（“#加法器”）。在（“按键”，函数（）上{
++指数；
$（“#res”）.html（索引）；
});

+
下面是一个示例，使用
mousedown
和
mouseup
事件处理程序并使用
setInterval
连续添加索引

已编辑

已恢复使索引在单击后立即增加的单击事件处理程序

已编辑

添加限制条件


var指数=0；
var区间；
var超时；
//$（“#加法器”）。在（“单击”，函数（）{
//增加（）；
// });
$（“#加法器”）。在（“mousedown”，function（）上{
增加（）；
timeout=setTimeout（函数（）{
间隔=设置间隔（函数（）{
增加（）；
}, 100);
}, 500);
});
$（“#加法器”）。关于（“鼠标”，函数（）{
clearTimeout（超时）；
间隔时间；
});
功能增加（）{
$（“#res”）.html（++索引）；
checkLimit（）；
}
函数checkLimit（）{
//这里检查停止增量
如果（索引>=50）{
//停车间隔
间隔时间；
//删除事件处理程序
$（“#加法器”）.off（'click'）.off（'mousedown'）.off（'mouseup'）；
返回；
}
}

+
下面是一个示例，使用
mousedown
和
mouseup
事件处理程序并使用
setInterval
连续添加索引

已编辑

已恢复使索引在单击后立即增加的单击事件处理程序

已编辑

添加限制条件


var指数=0；
var区间；
var超时；
//$（“#加法器”）。在（“单击”，函数（）{
//增加（）；
// });
$（“#加法器”）。在（“mousedown”，function（）上{
增加（）；
timeout=setTimeout（函数（）{
间隔=设置间隔（函数（）{
增加（）；
}, 100);
}, 500);
});
$（“#加法器”）。关于（“鼠标”，函数（）{
clearTimeout（超时）；
间隔时间；
});
功能增加（）{
$（“#res”）.html（++索引）；
checkLimit（）；
}
函数checkLimit（）{
//这里检查停止增量
如果（索引>=50）{
//停车间隔
间隔时间；
//删除事件处理程序
$（“#加法器”）.off（'click'）.off（'mousedown'）.off（'mouseup'）；
返回；
}
}

+
非常感谢Terry，您能告诉我如何设置此限制吗？我的意思是像50岁，然后停下来，即使鼠标落下。这也适用于touch吗？我是说mousedown事件？@Behseini，请一次只问一个问题。你得到的答案似乎回答了你原来的问题，因此请接受并+1。谢谢，但这里有一个小问题。如何防止单次点击快速增加？您可能会注意到，这会增加“无停止”的数字，即使在延迟单击时也是如此，就像我单击一次，在下一次单击时它会增加到4或6一样。删除单击事件处理程序并增大间隔后，它会像应该的那样顺利工作。非常感谢Terry，您还可以让我知道如何设置此限制吗？我的意思是像50岁，然后停下来，即使鼠标落下。这也适用于touch吗？我是说mousedown事件？@Behseini，请一次只问一个问题。你得到的答案似乎回答了你原来的问题，因此请接受并+1。谢谢，但这里有一个小问题。如何防止单次点击快速增加？您可能会注意到，这会增加数字none stop（即使在延迟单击时也是如此），就像我单击一次，它会在下一次单击时增加到4或6一样。删除单击事件处理程序并增大间隔后，它会按应有的方式顺利工作。