Add visibility change demo

beaufortfrancois · Jun 10, 2018 · 0c94eea · 0c94eea
1 parent 38661c2
commit 0c94eea
Showing 1 changed file with 15 additions and 0 deletions.
diff --git a/visibility-change.html b/visibility-change.html
@@ -0,0 +1,15 @@
+<html><body>
+<script>
+document.addEventListener('visibilitychange', onVisibilityChange);
+
+function onVisibilityChange() {
+  if (document.hidden) {
+    document.body.style.backgroundColor = 'red';
+  } else {
+    document.body.style.backgroundColor = 'green';
+  }
+}
+
+onVisibilityChange();
+</script>
+</html></body>