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

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

高老师9年前 (2017-07-02)H52233
<!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停止定时器,	js删除定时器

javascript停止定时器, js删除定时器

    window.setInterval(method,time)方法本身会返回一个资源句柄,使用clearInterval(Intervalid)方法即可清除定时器<script> var num=0; //每隔1秒再控制台输...

canvs转图片canvs转base64

canvs转图片canvs转base64

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

 js图片旋转插件jqueryrotate

js图片旋转插件jqueryrotate

jQuery 插件——jqueryrotate,它可以实现旋转效果。jqueryrotate 支持所有主流浏览器,包括 IE6。如果提示方法不存在,可能是你的Jquery版本过低或者过高。基本语法:$('#img').rotate(90);//旋转90度其他的参数:参数类型说明默认值...

 js 工厂模式示例,js工厂模式原理

js 工厂模式示例,js工厂模式原理

查看文章前你需要了解以下2点://1.this指向的是windows对象,通过console.log(this)可以查看到对象包含所有的方法和属性//2.全局变量属于this对象的属性通过console.log(this)可以查看到对象包含我们设置的全局变量我们经常在创建相同结构的Js对象会重复的设...

javascript原型基础知识

javascript原型基础知识

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

javascript使用原型为内置对象增加方法

javascript使用原型为内置对象增加方法

//字面量的形式创建原型对象 /* function Box(){} Box.prototype={ 'name':'gao', age:23, fun:function(){ return this.name+'--'+...