小編給大家分享一下通過html5實現(xiàn)搖一搖的功能的方法，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！

創(chuàng)新互聯(lián)專注于企業(yè)成都全網(wǎng)營銷推廣、網(wǎng)站重做改版、溫江網(wǎng)站定制設計、自適應品牌網(wǎng)站建設、成都h5網(wǎng)站建設、商城建設、集團公司官網(wǎng)建設、外貿(mào)網(wǎng)站建設、高端網(wǎng)站制作、響應式網(wǎng)頁設計等建站業(yè)務，價格優(yōu)惠性價比高，為溫江等各大城市提供網(wǎng)站開發(fā)制作服務。

原理：使用DeviceMotion實現(xiàn)，關于DeviceMotion介紹可以查看
https://developer.mozilla.org/en-US/docs/Web/Reference/Events/devicemotion

通過DeviceMotionEvent，可以獲得accelerationIncludingGravity的x,y,z屬性，根據(jù)x,y,z屬性的變化來判斷設備是否有搖一搖的事件發(fā)生。

accelerationIncludeingGravity說明：
The acceleration of the device. This value includes the effect of gravity, and may be the only value available on devices that don’t have a gyroscope to allow them to properly remove gravity from the data.

代碼如下：

 
      
  
  
 
 
    
請執(zhí)行搖一搖
 
 

看完了這篇文章，相信你對通過html5實現(xiàn)搖一搖的功能的方法有了一定的了解，想了解更多相關知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！