javascript - X 秒后执行 JavaScript

Question

我正在构建一个插页式页面，使用

和 JavaScript，非常简单但整洁的脚本。

一切正常，但我还想在几秒后(例如 10 秒)关闭 div。这是我目前所拥有的:

• 我有两个 div，1 和 2。
• 我为 div 1 设置了 CSS，例如:display: none; (div 1 包含启动画面的内容)
• Div 2 是将覆盖页面并仅使 div 1 可见的图层。

为了加载 div，我有一个像这样的 onload 函数:

onload="document.getElementById('div1').style.display='block';document.getElementById('div2').style.display='block'"

为了隐藏 div，我有一个像这样的 onclick 函数:

<a href = "javascript:void(0)" onclick = "document.getElementById('div1').style.display='none';document.getElementById('div2').style.display='none'"></a>

如何使用定时器执行onclick函数，我该怎么做？它还必须使用 JavaScript。

最佳答案

我相信您正在寻找 setTimeout功能。

为了使您的代码更整洁一些，请在 <script> 中为 onclick 定义一个单独的函数。 block :

function myClick() {
  setTimeout(
    function() {
      document.getElementById('div1').style.display='none';
      document.getElementById('div2').style.display='none';
    }, 5000);
}

然后从onclick调用你的函数

onclick="myClick();"

关于javascript - X 秒后执行 JavaScript，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8252638/

Answer 1

我相信您正在寻找 setTimeout功能。

为了使您的代码更整洁一些，请在 <script> 中为 onclick 定义一个单独的函数。 block :

function myClick() {
  setTimeout(
    function() {
      document.getElementById('div1').style.display='none';
      document.getElementById('div2').style.display='none';
    }, 5000);
}

然后从onclick调用你的函数

onclick="myClick();"