首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >在flexdashboard中旋转页面

在flexdashboard中旋转页面
EN

Stack Overflow用户
提问于 2019-02-01 15:39:53
回答 1查看 98关注 0票数 0

我正在创建一个flexdashboard,我在其中添加了两个具有不同方向和布局的页面。我想每隔1分钟一个接一个地显示页面。(Page1-Page2-Page1...)。

为此,我遵循了隐藏/取消隐藏第2页的方法。我的问题是,如何设置反应式计时器,以便每隔1分钟就可以隐藏和取消隐藏Page2。

以下是我到目前为止所做的工作。

代码语言:javascript
复制
---
title: "rotating screen check"
output: 
  flexdashboard::flex_dashboard:
  orientation: column
  vertical_layout: fill
  # runtime: shiny
---



Page 1
=====================================

Link to [Page 3] (#page-3)

### Chart 1 of page 1


Page 3 {.hidden}
=====================================

### Chart 1 of Page 3

```{r}
代码语言:javascript
复制
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-02-01 19:39:41

只需使用Javascript即可实现:

代码语言:javascript
复制
---
title: "rotating screen check"
output: 
  flexdashboard::flex_dashboard:
  orientation: column
  vertical_layout: fill
  # runtime: shiny
---

<script>
$(document).ready(function() {  # when the document finished loading...
  setInterval(function(){  # create an interval function...
    $("#page-1").toggle("hide");  # that selects the first page and toggles its visibility
    $("#page-3").toggle("hide");  # and does the same with the second page.
  }, 2000);  # in milliseconds, 1 minute = 60000 milliseconds

})
</script>


Page 1
=====================================

Link to [Page 3] (#page-3)

### Chart 1 of page 1


Page 3 {.hidden}
=====================================

### Chart 1 of Page 3

```{r}
代码语言:javascript
复制

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/54474959

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档