<!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事件。
答案 0 :(得分:0)
尝试设置初始超时并在其中执行逻辑,然后再使用相同的逻辑设置时间间隔。
setTimeout(() => {
console.log(count);
add(outp);
count++;
counter = setInterval(() =>
{
console.log(count);
add(outp);
count++;
}, 500);
}, initialTimoutMs);