javascript - 事件的初始延迟(鼠标按下)?
问题描述
<!DOCTYPE html>
<html onmouseup="end()">
<head>
<meta charset="UTF-8">
<script type="text/javascript">
var counter;
var count = 0;
function start(outp)
{
counter = setInterval(function()
{
console.log(count);
add(outp);
count++;
},500);
}
function end()
{
clearInterval(counter);
}
function add(outp)
{
window.document.form1.Display.value =
window.document.form1.Display.value + outp;
}
</script>
</head>
<body >
<form name="form1">
<button onmousedown="start('x')"onmouseleave="end()" >Click and hold</button>
<input type="text"name="Display"class="display"readonly>
</form>
</body>
</html>
这就是片段,“500”是每次迭代之间的延迟,但我不知道如何指定初始延迟。
该按钮通常还有一个 Onclick 事件,我希望在 X 时间后触发 onmouse 事件。
解决方案
尝试设置初始超时并在那里执行您的逻辑,然后还使用相同的逻辑设置间隔。
setTimeout(() => {
console.log(count);
add(outp);
count++;
counter = setInterval(() =>
{
console.log(count);
add(outp);
count++;
}, 500);
}, initialTimoutMs);
推荐阅读
- java - 长按主页按钮时如何替换谷歌搜索
- maven - 我们可以使用 proguard 混淆 java web 应用程序吗?
- r - 替换数据帧的非零值
- javascript - 如何在反应中设置子组件的状态?
- html - Angular,无法访问自定义管道中数组中的对象成员
- parallel-processing - # bytes > 128: IMB-EXT 时英特尔 MPI 基准测试失败
- .net - docs.microsoft.com 上的 .NET 平台扩展是什么?
- excel - Excel 2010 - 如何从 2 个列表创建验证列表并给它们倾斜
- android-studio - 将 ca 和 crt 文件导入到 android studio
- r - 在 R 中处理超过一天的时间数据