index.html 1.5 KB

123456789101112131415161718192021222324252627282930313233343536
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>NoSleep.js - Simple Test Page</title>
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. </head>
  7. <body>
  8. <h1>NoSleep Test Page</h1>
  9. <script src="../dist/NoSleep.min.js"></script>
  10. <input type="button" id="toggle" value="Wake Lock is disabled" />
  11. <script>
  12. var noSleep = new NoSleep();
  13. var wakeLockEnabled = false;
  14. var toggleEl = document.querySelector("#toggle");
  15. toggleEl.addEventListener('click', function() {
  16. if (!wakeLockEnabled) {
  17. noSleep.enable(); // keep the screen on!
  18. wakeLockEnabled = true;
  19. toggleEl.value = "Wake Lock is enabled";
  20. document.body.style.backgroundColor = "green";
  21. } else {
  22. noSleep.disable(); // let the screen turn off.
  23. wakeLockEnabled = false;
  24. toggleEl.value = "Wake Lock is disabled";
  25. document.body.style.backgroundColor = "";
  26. }
  27. }, false);
  28. </script>
  29. <!-- Github Ribbon -->
  30. <a href="https://github.com/richtr/NoSleep.js"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/365986a132ccd6a44c23a9169022c0b5c890c387/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png"></a>
  31. </body>
  32. </html>