X 秒后执行 JavaScript

2023-11-26

我正在使用

和 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 语言。


我相信您正在寻找设置超时时间功能。

为了使您的代码更简洁,请在 a 中为 onclick 定义一个单独的函数<script> block:

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

然后从调用你的函数onclick

onclick="myClick();"
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

X 秒后执行 JavaScript 的相关文章

  • 防止垃圾邮件按钮呼叫功能

    如何防止调用函数时出现垃圾邮件按钮 就像用户只能在按钮上每 1 秒调用一次该函数 有办法做到吗 因为我尝试了 setTimeout 但没有成功 它仍然在发送垃圾邮件 顺便说一句 我使用 Jquery 这是我的代码
  • 如何使用有角度的材料创建卡片网格?

    我正在尝试使用 ng repeat 创建每行三张卡片的网格 我有一个普通的 javascript 对象数组附加到范围 下面的代码将为每张卡创建一个新行 div div
  • 想要动态处理与分页相关的页码显示:ReactJS

    我有一些分页逻辑工作得很好 唯一的问题是我只能让它显示并固定数量的页面可供选择 现在我已经把它放到了 5 页 但我希望它能够根据总记录动态更改 假设我有 100 条记录 每页限制为 10 条 将有 10 页 现在我只能让它以这种方式显示 第
  • 两列表:一列尽可能小,另一列占据其余部分

    我在 div 中有一个 to columns 表 div table tbody tr td class action a a td td class content p Bigger text variable size p td tr
  • 导航栏下拉菜单(折叠)在 Bootstrap 5 中不起作用

    我在尝试使用以下命令创建响应式菜单或下拉按钮时遇到问题Bootstrap 5一切似乎都正常 导航图标和下拉图标出现 但它不起作用 当我单击nav图标或dropdown按钮 无dropdown menu apears 我想特别提到的是 我还包
  • 按下回车键时不刷新页面

    我遇到了一些问题 只要表单中有输入 回车键就会触发页面刷新 下面的代码 如果按下回车并且文本区域 input 中没有输入任何文本 则不会刷新页面 但是如果按下回车并且 input中有输入或者光标位于文本区域 我不确定是什么触发了它 因为 s
  • React autoFocus 将光标设置为输入值的开头

    我有一个受控输入 最初显示一个值 我已将该输入设置为自动聚焦 但当我希望它出现在末尾时 光标出现在输入的开头 我知道这可能是因为自动对焦是在值之前添加的 但我不能 100 确定 在输入字段末尾完成光标初始化的最佳方法是什么 var Test
  • JavaScript 继承;调用和原型

    要在Javascript中实现继承 通常需要执行以下两个步骤 假设我有一个基类 Animal var Animal function name this name name 我现在想从中派生一个子类 Dog 所以我想说 var Dog fu
  • 如何使用 Javascript 设置查询字符串

    有没有办法使用 javascript 设置查询字符串的值 我的页面有一个过滤器列表 单击该列表时 它将更改右侧的页内结果窗格 我正在尝试更新 url 的查询字符串值 因此如果用户离开页面 然后单击 后退 按钮 他们将返回到最后一个过滤器选择
  • onclick 事件中未调用函数

    我想在每个 YouTube 链接的末尾添加一些 HTML 以在 litebox 中打开播放器 到目前为止 这是我的代码 document ready function var valid url new RegExp youtube com
  • 如何在另一个自定义 Hook 中使用返回值的自定义 Hook?

    我正在使用 React native 其中有一个名为的自定义 HookuseUser使用以下方法从 AWS Amplify 获取用户信息Auth getUserInfro方法 然后获取返回对象的一部分并用它设置一个状态变量 我还有另一个名为
  • 如何始终将焦点保持在文本框中

    我创建了一个包含两个 div 的 HTML 页面 左侧的 div 页面的 90 是 ajax 结果的目标 右侧的 div 页面的 10 包含一个文本框 该页面的想法是在文本框中输入零件编号 通过条形码扫描仪 并显示与该零件编号匹配的绘图 显
  • 如何正确取消引用然后删除 JavaScript 对象?

    我想知道从内存中完全取消引用 JavaScript 对象的正确方法 确保删除时不会在内存中悬空 并且垃圾收集器会删除该对象 当我看这个问题时在 JavaScript 中删除对象 https stackoverflow com questio
  • 使用 Google 日历源时如何禁用 FullCalendar 中的活动链接?

    我正在使用 FullCalendar 库从 Google 日历加载日历中的事件 不幸的是 事件添加到日历后 它们是可点击的 当您点击该活动时 您会自动重定向到 Google 日历页面以查看该特定活动 或者如果您有足够的访问权限 则可以直接对
  • 使用 Javascript 设置 cookie [重复]

    这个问题在这里已经有答案了 我正在尝试构建我的第一个移动应用程序 它需要连接到我的 mysql 数据库并使用 json 返回数据 这很好 目前我有一个登录系统 一旦确定用户名和密码存在 它就会返回一条成功消息 对于下一步 我想在我的页面上使
  • 如何使用 JavaScript 或 jQuery 克隆 HTML 元素的样式对象?

    我正在尝试克隆元素的样式对象 这应该允许我在更改后重置所述元素的样式 例如 el style left 50px curr style left 50px Modify the elements style The cloned style
  • Rails 3.1+ 的 Jasmine 与 Mocha JavaScript 测试 [已关闭]

    Closed 这个问题是基于意见的 help closed questions 目前不接受答案 我对茉莉花有经验并且非常喜欢它 有谁有 Jasmine 和 Mocha 的经验 特别是 Rails 的经验吗 我想知道是否值得转用 我已经在 J
  • $resource.query 返回分割字符串(字符数组)而不是字符串

    我正在使用像下面这样的 Angular resource angular module app factory data function resource var Con resource api data update method P
  • 将数组从 jquery ajax 传递到代码后面

    我必须将二维数组传递给在asp net网页代码后面编写的页面方法我有一个变量objList作为二维数组 我使用以下代码来实现此目的 但没有成功 并且未调用页面方法 脚本语言 function BindTable objList ajax u
  • 禁用允许文本选择的

    残疾人可以吗

随机推荐

  • 如何通过jdbc获取主键的列名

    我的代码如下 DatabaseMetaData dmd connection getMetaData ResultSet rs dmd getPrimaryKeys null null tableName while rs next pri
  • 模板 haskell 中的数据构造函数

    我正在尝试创建环 Z n 像普通算术一样 但以某个整数为模 Z4 就是一个示例 instance Additive C Z4 where zero Z4 0 Z4 x Z4 y Z4 x y mod 4 戒指依此类推 我希望能够快速生成这些
  • perl 中的命名空间、包和模块有什么区别?

    命名空间或包相同吗 我使用 Perl 我们只有包 我知道还有其他编程语言也包含模块 有什么不同 The package指令设置命名空间 因此 命名空间也称为包 Perl 没有模块的正式定义 有很多差异 但以下内容适用于绝大多数模块 一个带有
  • AngularJS 指令中的可选表达式属性

    我有一个自定义导航指令 需要一个可选的 禁用 属性 我不确定它是否可能 在我的主控制器中 controller NavCtrl UserResource RoleResource function UserResource RoleReso
  • 使用 Excel 中的 VBA 打开 Outlook 邮件 .msg 文件

    我试图使用 VBA 从指定目录打开 msg 文件但我不断收到运行时错误 我的代码 Sub bla Dim objOL As Object Dim Msg As Object Set objOL CreateObject Outlook Ap
  • 确定asp.net core中的端口

    我想用asp net core Web Api 制作一些微服务 对于服务发现 我想使用 Consul 我必须通过 HTTP API 注册服务 包括 IP 和端口 我的问题是 我如何知道服务中使用了哪个端口 有没有办法通过代码确定使用的端口
  • 从 URL 同步下载图像

    我只想从互联网 URL 获取 BitmapImage 但我的函数似乎无法正常工作 它只返回图像的一小部分 我知道 WebResponse 是异步工作的 这当然就是我遇到这个问题的原因 但是我怎样才能同步完成呢 internal static
  • 使用Spring的CachingConnectionFactory时关闭Session

    java 文档here与 Spring CachingConnectionFactory 相关的有评论 注意 此 ConnectionFactory 要求显式关闭从其共享连接获取的所有会话 无论如何 这是对本机 JMS 访问代码的通常建议
  • 更改服务器发送事件的源 (url)

    如何更改声明中的源集EventSource 我尝试过这样的事情 var source new EventSource blahblah php path window location pathname Few lines later so
  • asp.net(母版页)中的默认按钮?

    在我的网络应用程序中 我有一个母版页 当用户按 Enter 键 我的应用程序有母版页 时 我想为登录页面实现默认按钮 我如何放置默认按钮 Page Form DefaultButton crtlLoginUserLogin FindCont
  • self.image.frame.width = 20 给出仅获取属性错误

    我试图将图像视图的宽度更改为 20 IBOutlet weak var image UIImageView 在 viewDidLoad 中使用此代码self image frame width 20但它给我错误无法分配给属性 width是一
  • 如何检测元素是否具有“自动”高度

    Both window getComputedStyle element height and element clientHeight返回元素的当前高度 以像素为单位 无论 CSS 中设置的值如何 有什么方法可以查出高度是否设置为auto
  • 在带有 m1 芯片的 Mac 上导入 jax 失败

    对于 python 3 8 8 并使用新的 mac air 带有 m1 芯片 在 jupyter 笔记本和 python 终端中 import jax引发此错误 Python 3 8 8 default Apr 13 2021 12 59
  • 尝试使用 python 访问“googledrive”时出错(googlequickstart.py源代码)

    我正在尝试学习如何从 Python 访问 Google Drive 但遇到问题 我按照google官网的教程进行操作 https developers google com drive t python hl es另外 我看过关于此的视频教
  • Ionic 4 本机插件地理定位给我“找不到模块:错误:无法解析‘rxjs/Observable’”

    我正在尝试使用 ionic 本机插件geolocation in ionic 4但我收到了这个错误 编译失败 node modules ionic native geolocation index js 找不到模块 错误 无法解析 rxjs
  • 使用键将列表映射到 Automapper 中的现有列表

    Automapper 可以轻松地将一个对象类型列表映射到另一个不同对象类型列表 但是是否可以使用 ID 作为键将其映射到现有列表 我还没有找到比以下更好的方法 这里是源和目的地 public class Source public int
  • CFEXECUTE 指定它以管理员权限运行

    我正在尝试使用活动目录更改密码cfexecute 我的页面上唯一的代码是这样的 填写用户名和新密码
  • 如何为 Android 自定义视图添加 OnClick 事件

    我有两个图像在屏幕上移动 一个是球 一个是人 我想要发生的是 当用户触摸该人的图像时 球就会掉落 我的问题是我似乎无法添加 onclick ontouch 事件并使其正常工作 我没有正确实施它 有人可以帮忙吗 我已经包括了以下 3 类 格雷
  • 如何在 Linux pthreads 中设置线程的名称?

    Linux 中有没有办法设置线程的名称 我的主要目的是它在调试时会很有帮助 而且如果该名称通过例如暴露出来也很好 proc PID task TID 从 glibc v2 12 开始 您可以使用pthread setname np and
  • X 秒后执行 JavaScript

    我正在使用 和 JavaScript 构建一个插页式页面 脚本非常简单但简洁 一切正常 但我还想在几秒钟 例如 10 秒 后关闭 div 到目前为止我所拥有的 我有两个 div 1 和 2 我对 div 1 进行了 CSS 设置 例如 di