| <!DOCTYPE html> |
| <meta charset='utf-8'> |
| <title>Vibration API: cancel ongoing vibrate() when hidden by switching tab/window</title> |
| <link rel='author' title='Intel' href='http://www.intel.com'> |
| <link rel='help' href='http://dev.w3.org/2009/dap/vibration/#vibration-interface'> |
| <meta name='flags' content='interact'> |
| <meta name='assert' content='If the visibilitychange event is dispatched at the Document in a browsing context, cancel the pre-existing instance of the processing vibration patterns algorithm'> |
| <style> |
| button { |
| height: 100px; |
| width: 100px; |
| } |
| </style> |
| |
| <h1>Description</h1> |
| <p> |
| After hitting the button below, your device must vibrate for a short period of time (roughly one |
| second). If it vibrates for a longer time (roughly five seconds, it should feel somewhat long) then |
| the test has failed. |
| </p> |
| <button id='vib'>Vibrate!</button> |
| <script src='/common/vendor-prefix.js' data-prefixed-objects='[{"ancestors":["navigator"], "name":"vibrate"}]'></script> |
| <script> |
| var win; |
| |
| if (undefined !== navigator.vibrate) { |
| document.getElementById('vib').onclick = function () { |
| navigator.vibrate(5000); |
| setTimeout(function () { |
| win = window.open('about:blank', '_blank'); |
| setTimeout(function() { |
| win.close(); |
| }, 100); |
| }, 1000); |
| }; |
| } |
| </script> |
| |
