X 秒后执行 JavaScript [英] Executing JavaScript after X seconds
问题描述
我正在构建一个插页式页面,使用 <div> 和 JavaScript,脚本非常简单但很整洁.
I am building a interstitial page, using <div> and JavaScript, really simple script but neat.
一切正常,但我也想在几秒钟后关闭 div(例如 10 秒).这是我目前所拥有的:
Everything is working, but I also would like to close the div's after a few seconds (like 10 seconds, for example). Here what I have so far:
- 我有两个 div,1 和 2.
- 我有 div 1 的 CSS 设置,例如:display: none;(div 1 包含启动画面的内容)
- Div 2 是将覆盖页面并仅保留 div 1 可见的图层.
要加载 div,我有一个像这样的 onload 函数:
To load the div's I have a onload function like this:
onload="document.getElementById('div1').style.display='block';document.getElementById('div2').style.display='block'"
为了隐藏 div,我有一个像这样的 onclick 函数:
To hide the divs I have an onclick function like this:
<a href = "javascript:void(0)" onclick = "document.getElementById('div1').style.display='none';document.getElementById('div2').style.display='none'"></a>
如何使用定时器执行 onclick 功能,我该怎么做?它也必须是 JavaScript.
How can I execute the onclick function with a timer, and how can I do it? It also has to be in JavaScript.
推荐答案
我相信您正在寻找 setTimeout 函数.
I believe you are looking for the setTimeout function.
为了让你的代码更简洁,在 块中定义一个单独的 onclick 函数:
To make your code a little neater, define a separate function for onclick in a <script>
block:
function myClick() {
setTimeout(
function() {
document.getElementById('div1').style.display='none';
document.getElementById('div2').style.display='none';
}, 5000);
}
然后从 onclick
onclick="myClick();"
这篇关于X 秒后执行 JavaScript的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!