当某张幻灯片出现在reveal.js中时执行函数

2024-01-09

我用这个 javascript 框架创建了一个演示文稿http://lab.hakim.se/reveal-js/#/ http://lab.hakim.se/reveal-js/#/当某些幻灯片出现时,我想执行函数 stats(),它每 5 秒显示来自 API 的一些数据,但仅当该幻灯片出现时

function stats(){                
$.ajax({
    type: "GET",
    url: url_survey,
    dataType: "json",
    success : 
      function (data) {
      //some code to display data       
    },
    error:
      //some code
}); 
}

在 HTML 文件中我有这个:

<section>
<div id="stats">
</div>
</section>

我该怎么做?我写了这段代码,但它总是有效,不仅是在幻灯片出现时

function check(){
if($("#stats").is(":visible"))
stats();
}

check();
setInterval(function(){check()}, 2000);

这可以通过使用 Reveal.js 状态来实现(https://github.com/hakimel/reveal.js#states https://github.com/hakimel/reveal.js#states).

1) 向应触发您的方法的部分添加一个独特的状态。

<section data-state="stats">
    <h2>This will trigger a state event with the name "stats".</h2>
</section>

2) 使用reveal.js API 将侦听器添加到您的自定义状态。

Reveal.addEventListener( 'stats', function() {
    // Called each time the slide with the "stats" state is made visible
} );

完整的工作示例:https://gist.github.com/hakimel/cea4305a33713d4a5a7e https://gist.github.com/hakimel/cea4305a33713d4a5a7e

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

当某张幻灯片出现在reveal.js中时执行函数 的相关文章

  • 有没有一种方法可以在没有输入的情况下发送表单值

    假设我有以下表格
  • Javascript 将对象推送为克隆

    我将 d3 用于交互式网络应用程序 我需要绑定的数据在交互过程中发生变化 并且由 JSON 变量中的一些选定对象组成 为此 我在 JSON 变量上使用了映射 并进行了一些查询来选择适当的对象 对象被推送到列表中 并且该列表被绑定为新数据 我
  • 判断字符串是否包含有效的javascript代码

    我正在寻找一个C 返回的函数true如果字符串包含有效的 JavaScript 语法 例如 IsValidJavascript alert hello 会回来true but IsValidJavascript alertXXhelloZ
  • 将时间戳转换为一个数组

    在应用程序脚本 谷歌表中运行 我从 API 获取时间戳并返回此结果 1 6370611672429312E18 1 63706107263277082E18 我执行此代码并且工作正常 但问题不在数组中 我每次都需要它在数组中 const t
  • Javascript 作为对象键的函数与块中标记函数之间的语法冲突

    假设您有一个支持两者的浏览器带标签的函数声明 https developer mozilla org en US docs Web JavaScript Reference Statements label Labeled function
  • Apache Thrift Java-Javascript 通信

    我正在编写一个基于 Apache Thrift 的 Java 服务器 它将从 Javascript 客户端接收数据 我已经完成了 Java 服务器 但问题是我可以获得 Javascript 客户端的工作示例 我无法找到一个好的示例 构建文档
  • 正则表达式中连字符的这种用法有效吗?

    NB I only想知道它是否是正则表达式定义中未转义连字符的有效应用 它是not关于匹配电子邮件 连字符或反斜杠的含义 量词或其他任何内容的问题 另外 请注意 链接的答案并没有真正讨论转义 未转义连字符之间的有效性问题 通常我会像这样声明
  • Bootstrap 4 移动导航栏消失

    我刚刚从 Bootstrap 3 转换为 Bootstrap 4 但我的移动导航栏出现问题 使用切换按钮展开导航栏时 导航消失 我不明白为什么会发生这种情况 导航栏下方有一个大屏幕 但整个移动导航向上移动 如下面的 gif 所示 以下是导航
  • 全高全宽 CSS 布局

    我正在寻找一种方法来创建具有 5 个区域的纯 CSS 无 JavaScript 布局 如下所示 H A B C F
  • Chrome --app 相当于 Firefox\IE

    我有一个网络应用程序 客户要求单击不同按钮时更改浏览器窗口大小 我发现在那link https stackoverflow com questions 13436855 launch google chrome from the comma
  • 播放没有音频标签的音频

    是否可以在没有音频标签的情况下仅使用 javascript 播放音频 我通过 tinyMce 编辑器注入脚本 因为我无权访问网站的后端 并且它不支持客户端的音频标签 她只想要当您将鼠标悬停在图像上时发出简单的声音 我已经完成了所有设置 但是
  • 如何在React中动态分配属性?

    这是一个有两个参数的函数 我要创建的标签的名称 具有以下属性的对象 Using React 我创建一个组件并将该元素渲染到 DOM 问题是我想向元素添加属性 但它不允许循环在元素内设置属性 var Element function elem
  • 如何更改 HTML 文档的“实际编码”?

    我通过 W3C HTML 验证器运行我的网页并收到此错误 编码ascii不是字符的首选名称 使用中的编码 首选名称是 us ascii Charmod C024 第 5 行 第 70 列 内部编码声明 utf 8 不同意 文档的实际编码 u
  • Firebase + Node.js:错误:找不到 XMLHttpRequest 兼容性库

    Firebase Node js On iOS 安装的 Node js npm 安装 firebase save 节点测试 js 其中 test js 是一个非常简单的连接到 Firebase 的脚本 var firebase requir
  • 使用flex-basis控制行上显示的项目数

    我想在使用 Flex 时将元素推出以隐藏它们 例如 如果flex basis为 50 仅显示两个项目弯曲到给定空间 而其他元素则在overflow hidden 领土 Or if flex basis为 25 则仅显示 4 个 Flex 元
  • 如何在 React Native 中使用相同的 Firebase 数据库在两个应用程序之间进行通信?

    我有两个不同的应用程序使用相同的实时数据库 在第一个应用程序中 我发送的订单包含一些要保存在数据库中的数据字段 在另一个应用程序中 我只添加一个侦听器 firebase database ref userOrder currentUser
  • 为什么这些内联块元素会产生额外的宽度?

    这是这个问题的后续内容 仅使用 css 自动调整图像下的文本 https stackoverflow com questions 34185547 autofit text under image with only css 为什么这段代码
  • 如何在 TypeScript 中使用 navigation.replace ?

    我试图在我的代码中使用它 const navigation useNavigation navigation replace AllFriends 但我不断收到错误消息 Property replace does not exist on
  • Vue - 调度完成后调用 store getter?

    我正在使用 Laravel 5 7 Vue2 Vuex 我在调度调用完成后让 Vue 返回存储值时遇到一些困难 我的申请流程如下 我单击一个提交按钮 该按钮调用组件上的 validate Validate 分派到我的 addLease 操作
  • 将 html 文本框的值分配给 div 的标题

    line 1

随机推荐

  • 将 Python NumPy 数组插入 PostgreSQL 数据库

    如何将大量坐标 x y 插入到 postgresQL 表中 我不想使用for环形 它是一个 3601x3601 像素的栅格 import numpy as np import psycopg2 Data example east np li
  • 在 ruby​​ on Rails 中渲染替代视图

    我的控制器中有以下代码 def create severity Severity new params severity if severity save flash notice Successfully created severity
  • 模型绑定两个或多个集合

    有没有人有幸使用 Phil Haack 在这里发布的代码绑定两个或多个集合的模型 模型绑定到列表 http haacked com archive 2008 10 23 model binding to a list aspx 作为示例 我
  • python 中如何判断连接是否已断开

    我希望我的 python 应用程序能够知道另一端的套接字何时被删除 有没有办法呢 简短回答 使用非阻塞recv 或者阻塞recv select 超时时间短 长答案 处理套接字连接的方法是根据需要进行读取或写入 并准备好处理连接错误 TCP
  • 使用 Spring Data Rest 时公开所有 ID

    我想使用 Spring Rest 接口公开所有 ID 我知道默认情况下这样的 ID 不会通过其余接口公开 Id GeneratedValue strategy GenerationType IDENTITY Column unique tr
  • C# MVC4 Web API - 生成的 JSON 应返回对象而不是对象的 $ref

    我有一个使用 EntityFramework for ORM 的 ASP NET MVC 4 Web API 应用程序 在我返回的 JSON 中 在某些情况下 多个父节点存在相同的子节点 在这些情况下 子节点的第一次出现及其所有成员都是完全
  • 根据角度中的用户ID从数据库获取用户角色

    我正在使用 身份验证服务 来保留所有用户身份验证功能 当用户通过身份验证时 我获取用户的 ID 并从数据库表中获取相关记录 但无法获取 角色 字段的值 我在构造函数中使用的代码是这样的 constructor private firebas
  • 强制解析可选组

    我正在尝试创建一个从报告文件中提取数据的正则表达式字符串 棘手的部分是我需要这个单个正则表达式字符串来匹配多个报告文件内容格式 我希望正则表达式始终匹配 即使未找到某些可选组 取以下报告文件内容 Note 2 缺少 val2 部分 文件 1
  • 如何使用 C# 下载并解压 gzip 压缩文件?

    我需要定期下载 提取并保存内容http data dot state mn us dds det sample xml gz http data dot state mn us dds det sample xml gz到磁盘 有人有使用
  • 是否可以分解functions.php 文件?

    我目前正在开发一个 WordPress 网站 选择的购物平台是 WooCommerce 我想创建一系列模板文件 在content product single php文件 其中包含数学计算 由于某种原因 数学计算似乎只有在放入functio
  • HTTPS 适用于闪亮的应用程序?

    有什么想法可以将 HTTPS 添加到 Shiny 应用程序吗 我遇到了下面的一些指南 但不确定它们是否可靠 只需 4 个简单步骤即可向 Shiny 服务器添加身份验证 https auth0 com blog adding authenti
  • Akka Actors:需要一个例子来理解一些基础知识

    我正在修改 Akka 需要一些建议来实现我想要的特定内容 我想要一个可以发送给我的演员DownloadFile URI File 消息并下载 由于这可以并行 我不想一个接一个地下载文件 但并发下载有限制 用 Akka 建模这样的东西的预期方
  • 使用Python水平组合多个图像

    我正在尝试在 Python 中水平组合一些 JPEG 图像 Problem 我有 3 张图片 每张图片都是 148 x 95 请参阅附件 我刚刚制作了同一张图像的 3 个副本 这就是为什么它们是相同的 我的尝试 我正在尝试使用以下代码水平连
  • QT QTcpServer::incomingConnection(qintptr 句柄)未触发?

    我第一次尝试使用 Qt 创建多线程服务器 通常我们会使用由QTcpServer nextPendingConnection 套接字句柄已经嵌入 但由于我在单独的线程上与连接客户端进行交互 所以我需要使用单独创建套接字qintptr hand
  • 在manifest.xml 文件中使用-permission 与 android 权限的权限

    我注意到清单文件中有两种类型的权限 permission 和 uses permission 如下所示的两种
  • Pandas:根据行值选择列

    我有一个非常大的pandas Dataframe并希望通过选择其中一行具有特定值的所有列来创建一个新的数据框 A B C D E Region Nord S d West Nord Nord value 2 3 1 2 4 2 0 5 1
  • SQL 字符串拆分为单列

    对 SQL 非常陌生 但我需要一些帮助 我确信这是一个简单的修复 我在名为 Produce 的表中有一列数据 其中水果类型存储在名为 Fruit 的列中 此列中的某些值以逗号分隔 有没有一种简单的方法来分割下面的内容 以便结果作为唯一条目的
  • 如何在使用 gradle 依赖项时排除多个组

    就像这段代码 dependencies compile com wdullaer materialdatetimepicker 3 2 2 exclude group com android support module support v
  • Python - 获取所有目录中的文件扩展名计数

    我们有一个硬盘驱动器 里面有数十万个文件 我需要弄清楚我们有多少个文件扩展名 我怎样才能用Python做到这一点 我需要它来遍历每个目录 我公司的律师需要这个 它可以是整个硬盘的总计 不必按目录细分 example 1232 JPEG 11
  • 当某张幻灯片出现在reveal.js中时执行函数

    我用这个 javascript 框架创建了一个演示文稿http lab hakim se reveal js http lab hakim se reveal js 当某些幻灯片出现时 我想执行函数 stats 它每 5 秒显示来自 API