警告提示怎么在用户操作后自动消失？

百里春景提问于 2026-03-20 18:46:25 阅读 4

交互

我在用原生 JS 做一个表单提交功能，提交失败时会显示一个警告提示，但现在的问题是提示框一直挂着，得手动关。有没有办法让它3秒后自动消失？

我试过用 setTimeout，但不知道是不是写错了，根本没生效。这是我的代码：

function showWarning(msg) {
  const warn = document.getElementById('warning');
  warn.textContent = msg;
  warn.style.display = 'block';
  setTimeout(() => {
    warn.style.display = 'none';
  }, 3000);
}

反馈机制警告提示

我来解答赞 2 收藏

反馈

1 条解答

亚飞 ☘︎ Lv1

我之前这样搞的，检查下你的 setTimeout 是否被正确执行了，有时候可能是因为别的错误导致它没跑起来。你可以试试这个：

function showWarning(msg) {

  const warn = document.getElementById('warning');

  warn.textContent = msg;

  warn.style.display = 'block';

  setTimeout(function() {

    warn.style.display = 'none';

  }, 3000);

}

2026-03-20 19:00