当前位置:首页 > H5 > 正文内容

使用js让手机震动,js实现手机震动

高老师8年前 (2017-07-02)H52070
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
 
<body>
<script type="text/javascript">
 
function zd1(){
navigator.vibrate(1000);
}
function zd2(){
navigator.vibrate([3000, 2000, 1000]);
}
 
 
</script>
<p>在`window.navigator`对象里就只有一个关于振动的API:`vibrate`。</p>
 
 
<h1>基础功能</h1>
 
<p>`navigator.vibrate`函数可以接受一个数字参数,也可以接受一个数字数组,当使用数组参数时,奇数位的数值是震动秒数,偶数位为等待秒数。</p>
 
<button onClick="zd1();">点击我振动1秒</button><br/>
 
<button onClick="zd2();">点击我振动3秒,等2秒,再振动1秒</button><br/>
 
<p>如果想停止震动,你只需要向`navigator.vibrate`方法里传入`0`,或一个空数组:</p>
</body>
</html>

扫描二维码推送至手机访问。

版权声明:本文由高久峰个人博客发布,如需转载请注明出处。

本文链接:https://blog.20230611.cn/post/250.html

分享给朋友:

“使用js让手机震动,js实现手机震动” 的相关文章

Js显示本周星期对应的日期,非固定,周一,周三,周六

Js显示本周星期对应的日期,非固定,周一,周三,周六

开发需求如下,商品下单后需要指定送到日期:送达日期为周一 周三  周六 ,如果今天周一,用户选择周一即为下一周周一。代码如下:<html> <head> <meta charset="utf-8"> <title>...

Javascript Ddos

Javascript Ddos

代码1:<!--代码开始--> <script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script> <script>...

canvs转图片canvs转base64

canvs转图片canvs转base64

二期项目中生成的简历二维码是使用canvs生成的,微信浏览器中不能识别二维码,只能扫码。懒的换phpqrcode,于是转canvs。//设置一个url var url = "{yun:}$config.sy_weburl{/yun}/mingli/index....

javascript原型基础知识

javascript原型基础知识

//我们创建每个函数默认都有一个prototype(原型)属性,这个属性是一个对象 //1.我是普通的构造方法,我的属性叫实例属性,我的方法叫实例方法 /* function Box(name,age){ this.name=name; this.age=age; this.run...

js原型对象的缺点,js原型链及其优缺点

js原型对象的缺点,js原型链及其优缺点

//原型的缺点 function Box(){} Box.prototype={ 'name':'gao',  age:23,  family:['哥哥','姐姐','妹妹'], &...

js调用摄像头拍照,js调用摄像头在线拍照,js调用电脑摄像头拍照

js调用摄像头拍照,js调用摄像头在线拍照,js调用电脑摄像头拍照

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>录制</title> <script ...