setTimeout() 不适用于 onClick [关闭]

Question

我有一个按钮（在 apDiv126 中），单击该按钮会显示图像（在 apDiv129 中）

<div id="apDiv126"style="display:none"><input name="Yep" type="image" src="accept.png" onClick=toggle_div('apDiv129');time('apDiv129');"></div>

<div id="apDiv129"style="display:none"><img src="request confirmed.png" width="370" height="215"></div>

当按钮被点击时，它应该显示图像（带有toggle_div），然后执行时间函数：

这是时间函数：

function time(id) {
    var divelement = document.getElementById(id);
    setTimeout(function(){
        divelement.style.display = 'none'
    }, 2);
}

时间功能应该使图像在 2 秒后消失。但是，当我尝试我的网页时，它甚至不显示图像。 toggle_div 正在工作，因为当我从 onClick 中删除 time('apDiv129'); 时，图像会出现。

我也尝试在超时匿名函数中调用toggle_div，但它也不起作用。

我的问题是：onClick 按给定的顺序执行功能？当我打开页面时，是否有可能超时开始“倒计时”？

Answer 1

setTimeout 的第二个参数是以毫秒为单位的时间，请尝试使用2000。并回答您的问题：setTimeout 从调用它的那一刻开始计数，而不是从页面加载时开始计数。 （除非在 onLoad 事件处理程序中）

Answer 2

Timeout 函数接受以毫秒为单位的时间... 设置 2000 而不是 2...

function time(id) {
  var divelement = document.getElementById(id);
  setTimeout(function(){
  divelement.style.display = 'none'
  }, 2000);
 }