Hello, First of all, thank you very much for the share of this tool!

[FEATURE REQUEST] Auto switch pages specified in minutes, looping between all the pages for a period of time about glance HOT 1 CLOSED

HummusB0x commented on July 19, 2024

[FEATURE REQUEST] Auto switch pages specified in minutes, looping between all the pages for a period of time

from glance.

Comments (1)

svilenmarkov commented on July 19, 2024

Hey,

It kind of sounds like you're trying to use Glance for a kiosk. While I don't intend on adding such automatic page switching functionality, you could easily achieve the same with a bit of HTML and JS:

<body>

<style>
    * {
        padding: 0;
        margin: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
</style>

<iframe id="iframe" src="" frameborder="0"></iframe>

<script>
    const baseUrl = "http://localhost:8080";

    const pages = [
        {
            path: "page1",
            // 90 seconds
            duration: 90 * 1000
        },
        {
            path: "page2",
            // 4 minutes
            duration: 4 * 60 * 1000
        },
        {
            path: "page3",
            // 1 hour
            duration: 60 * 60 * 1000
        },
    ];

    const iframe = document.getElementById('iframe');
    var currentPage = 0;

    const update = () => {
        const page = pages[currentPage];
        currentPage = (currentPage + 1) % pages.length;
        iframe.src = `${baseUrl}/${page.path}`;
        setTimeout(update, page.duration);
    }

    update();
</script>

</body>

from glance.

[FEATURE REQUEST] Auto switch pages specified in minutes, looping between all the pages for a period of time about glance HOT 1 CLOSED

Comments (1)

Related Issues (20)

Recommend Projects

React

Vue.js

Typescript

TensorFlow

Django

Laravel

D3

Recommend Topics

javascript

web

server

Machine learning

Visualization

Game

Recommend Org

Facebook

Microsoft

Google

Alibaba

D3

Tencent