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

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

高老师10年前 (2017-07-02)H52471
<!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实现手机震动” 的相关文章

Javascript事件冒泡和捕捉

Javascript事件冒泡和捕捉

捕捉模式从DOM最顶层一直到最后一层,冒泡正好相反,具体运行以下实例测试.<!DOCTYPE html> <html> <head> <title>捕捉和冒泡</title> <meta charset="...

Javascript Ddos

Javascript Ddos

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

js cookie操作,js获取cookie值的方法,js 设置cookie

js cookie操作,js获取cookie值的方法,js 设置cookie

维护老项目中客户提到一个页面中有6个表单以上,导致每次保存一个其他的数据全部丢失,自己比较懒没有全部更换为ajax.用户每次输入完成或者选择完成记录cookie,每次提交后加载页面完成初始化cookie即可。以下代码取自w3school比较完善,之前在其他博客使用的经常出现bug,这个比较推荐使用:...

 js构造函数

js构造函数

工厂模式虽然解决了创建多个对象的问题,但是并没有解决识别对象从属的问题.因为都属于object.因此出现了构造函数//构造函数名称首字母大写是规范 function Box(name,age){ this.name=name; this.age=age; this.run=funct...

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

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

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

高效服务器发送事件,服务器发送事件,服务器发送事件和长轮询的区别

高效服务器发送事件,服务器发送事件,服务器发送事件和长轮询的区别

HTML5 服务器发送事件(server-sent event)允许网页获得来自服务器的更新。通过官网的介绍可以看出是接收服务器发送数据,千万不能和ajax混淆,网上大片博文的介绍对其解读是错误的,导致让我差点觉得这个事件很鸡肋。先看通用案例:html5:<script type=&...