javascript - JavaScript | 如果再次调用函数，则重新启动计时器

Question

我正在构建一个 javascript 函数来显示隐藏的 div 几秒钟，然后重新隐藏 div。但是，我也希望能够单击以重新隐藏 div。在这种情况下，如果 div 被点击了 3 次，则在第一次点击后执行该函数的时间，当计时器用完时，div 将自动隐藏。我添加了这个“clearTimeout”，认为它会重置计时器，但它似乎不起作用。在每次执行此功能时重置超时我缺少什么？

function show(div) {

    let timeFunction;
    clearTimeout(timeFunction);
    timeFunction = setTimeout(function () { myFunction() }, 3000);

    div.classList.add("hidden");

}

标签： javascripthtml