39 lines
1.3 KiB
HTML
39 lines
1.3 KiB
HTML
|
<!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>
|
||
|
|