Function soll nur laufen, wenn die Seite am Client angezeigt wird

[seppim]

Hallo,

ich habe eine Funktion die alle 2 Sekunden ein JSON von einem Server abruft und diese dann anzeigt.

Ich würde nun gerne die Funktion nur laufen lassen, wenn die Seite am Client sichtbar ist.
Gibt es da eine Möglichkeit?

Wenn man einen anderen Tab anzeigt, liegt die Seite im Hintergrund .. oder wenn ein anderes Programm sich über den Browser legt.

Danke!

 

[basti1012]

Hee ?
Du öffnest eine Seite zb test.html.
In der läuft ein Javascript ( function ) die den JSON vom Server holt.
Dann ist die JSON da und die kannst du dann anzeigen lassen.
Du kannst die test Seite Leer lassen und sobald deine function die JSON geholt hat anzeigen lassen.
Ansonsten verstehe ich nicht was du meinst ?

 

[themrdomi]

Ich glaube, es geht darum, die Funktion nur auszuführen, wenn der User die Seite aktiv benutzt, bzw. die Seite im Vordergrund ist.

Das kannst du beispielsweise so überprüfen:

if (!document.hidden) {
    console.log('Visible')
} else {
    console.log('Hidden')
}

 

[jonas3344]

This property is described as "historical" in the Page Visibility Level 2 specification. Consider using the Document.visibilityState property instead.

Document: hidden property - Web APIs | MDN

The Document.hidden read-only property returns a Boolean value indicating if the page is considered hidden or not.

developer.mozilla.org

Document: visibilityState property - Web APIs | MDN

The Document.visibilityState read-only property returns the visibility of the document. It can be used to check whether the document is in the background or in a minimized window, or is otherwise not visible to the user.

developer.mozilla.org

 

[seppim]

Ja genau,

danke :-)