您現在的位置是:電腦技術吧?>? 編程技術 ??>??微信為什么沒有搖一搖功能,微信搖一搖功能??>??正文詳情

微信為什么沒有搖一搖功能,微信搖一搖功能

五如冰2019-11-19 12:21:22 人圍觀
簡介怎么關閉微信搖一搖功能在介紹移動網站shake功能代碼之前,HTML5的deviceorientation做了兩個聲明:下面的代碼可以直接運行,當然不要忘記引用jQuery。代碼如下有沒有搖一搖

HTML5 DeviceOrientation實現手機網站搖一搖功能代碼介紹之前做兩個聲明:以下代碼可以直接運行,當然你別忘了引用jQuery才行。

代碼如下:script// DeviceOrientation將底層的方向傳感器和運動傳感器進行了高級封裝,提供了DOM事件的支持。

// 這個特性包括兩個事件:// 1、deviceOrientation:封裝了方向傳感器數據的事件,可以獲取手機靜止狀態下的方向數據(手機所處的角度、方位和朝向等)。

// 2、deviceMotion:封裝了運動傳感器的事件,可以獲取手機運動狀態下的運動加速度等數據。

// 使用這兩個事件,可以很能夠實現重力感應、指南針等有趣的功能。

/p p// 現在在很多Native應用中有一個非常常見而時尚的功能 搖一搖,搖一搖找人、搖一搖看新聞、搖一搖找金幣。

// 也許在android或者ios的客戶端上對這個功能你已經很了解了,但是現在,我將告訴你如何在手機網頁上實現搖一搖的功能。

/p p// OK,那我們現在就開始吧,嘿嘿~// 先來讓我們了解一下設備運動事件 DeviceMotionEvent:返回設備關于加速度和旋轉的相關信息,其中加速度的數據包含以下三個方向:// x:橫向貫穿手機屏幕;// y:縱向貫穿手機屏幕;// z:垂直手機屏幕。

// 鑒于有些設備沒有排除重力的影響,所以該事件會返回兩個屬性:// 1、accelerationIncludingGravity(含重力的加速度)// 2、acceleration(排除重力影響的加速度)/p p// 作為碼農,上代碼才是最直接的,come on,代碼走起!/p p// 首先在頁面上要監聽運動傳感事件 function init(){if (window.DeviceMotionEvent) {// 移動瀏覽器支持運動傳感事件window.addEventListener('devicemotion', deviceMotionHandler, false);$(#yaoyiyaoyes).show();} else{// 移動瀏覽器不支持運動傳感事件$(#yaoyiyaono).show();} }/p p// 那么,我們如何計算用戶是否是在搖動手機呢?

可以從以下幾點進行考慮:// 1、其實用戶在搖動手機的時候始終都是以一個方向為主進行搖動的;// 2、用戶在搖動手機的時候在x、y、z三個方向都會有相應的想速度的變化;// 3、不能把用戶正常的手機運動行為當做搖一搖(手機放在兜里,走路的時候也會有加速度的變化)。

// 從以上三點考慮,針對三個方向上的加速度進行計算,間隔測量他們,考察他們在固定時間段里的變化率,而且需要確定一個閥值來觸發搖一搖之后的操作。

/p p// 首先,定義一個搖動的閥值var SHAKE_THRESHOLD = 3000;// 定義一個變量保存上次更新的時間var last_update = 0;// 緊接著定義x、y、z記錄三個軸的數據以及上一次出發的時間var x;var y;var z;var last_x;var last_y;var last_z;/p p// 為了增加這個例子的一點無聊趣味性,增加一個計數器var count = 0;/p pfunction deviceMotionHandler(eventData) {// 獲取含重力的加速度var acceleration = eventData.accelerationIncludingGravity; /p p  // 獲取當前時間var curTime = new Date().getTime(); var diffTime = curTime -last_update;// 固定時間段if (diffTime 100) {last_update = curTime; /p p    x = acceleration.x; y = acceleration.y; z = acceleration.z; /p p    var speed = Math.abs(x y z - last_x - last_y - last_z) / diffTime * 10000; /p p    if (speed SHAKE_THRESHOLD) { // TODO:在此處可以實現搖一搖之后所要進行的數據邏輯操作count ;$(#yaoyiyaoyes).hide();$(#yaoyiyaoresult).show();$(#yaoyiyaoresult).html(搖你妹!第 count 個了!);}/p p    last_x = x; last_y = y; last_z = z; } } /scriptdiv id=yaoyiyaono style=font-size:20px;margin:10px;line-height:35px;display:none;兄弟,如果您看到了我,說明您現在還不能搖,不是說您沒有資格用我,而是:/br1、如果您使用PC機的瀏覽器,那可就不對了,我只愛手機瀏覽器;/br2、如果您是Android手機,那不好意思告訴你,android自帶的瀏覽器拋棄了我,您可以用UCWeb、chrome等第三方瀏覽器;/br3、如果您都不屬于以上兩種情況,那我只有告訴您:您改換手機啦!!!/br/divdiv id=yaoyiyaoyes style=font-size:20px;margin:10px;line-height:50px;display:none;兄弟,搖一個吧,說不定有一個清純的妹子等著你呢!/divdiv id=yaoyiyaoresult style=font-size:20px;margin:10px;line-height:50px;display:none;/divscript$(document).ready(function(){init();});/script

版權聲明:本文由 五如冰 整理編輯。

原標題:怎么關閉搖一搖功能,恢復搖一搖功能

轉載注明出處:http://www.dn9ww09s.icu/program/13624.html

文章評論

    共有條評論來說兩句吧...

    用戶名:

    驗證碼:

作者推薦

  • 蘋果8按鍵壞了怎么截圖,蘋果home鍵壞了如何截圖

    蘋果8按鍵壞了怎么截圖,蘋果home鍵壞了如何截圖 相關圖片iphone沒home怎么截屏與使用電源和音量鍵的Android屏幕截圖不同,iPhone的屏幕截圖使用電源和主控鍵。盡管iPhone的質量控制在移動行業被認為是非常出色的,但仍有用戶偶爾會蘋果手機不按...

  • 炫酷文字圖片,文字背景

    炫酷文字圖片,文字背景 相關圖片霸氣文字控在網頁設計中,如果處理好網站主頁的顏色,可以使整個網站變得更好。巧妙地運用一些交互效果,不僅可以使網頁瞬間變得明亮,而且在提高用戶感知和感官體驗方面發揮...

  • 蘋果日記本軟件哪個好,蘋果手機日記本軟件哪個好

    蘋果日記本軟件哪個好,蘋果手機日記本軟件哪個好 相關圖片日記本哪個軟件好用很多人仍然保持著記日記的習慣,但使用物理記事本不僅不方便,而且不安全。現在,除了空間和博客,你還有另一個選擇,在你的日記中留下你寶貴的記憶。小編...

  • 魯D,摩拜單車

    魯D,摩拜單車 相關圖片摩拜單車怎么用今天,想必各位小伙伴都可以感受到生活中濃郁的萬圣節氣息了吧!摩拜單車官方就為各位推出了拯救僵尸車活動。那么摩拜拯救僵尸車怎么玩呢?下面,超人軟件小編就為...

  • 底片有什么用,底片

    底片有什么用,底片 相關圖片底片什么意思效果如下:  在AS3中顯示對象都有一個transform屬性,設置這個屬性可以改變顯示對象的大小,旋轉,顏色等特性.transform屬性還有它自已的屬性,其底片效果...

  • 貓眼電影卡怎么查余額,貓眼電影卡

    貓眼電影卡怎么查余額,貓眼電影卡 相關圖片貓眼電影折扣卡劃算嗎如今,許多年輕人在購買電影票時選擇使用貓眼電影。你知道怎么檢查貓眼電影的平衡嗎?現在,超人軟件編輯想為您介紹如何為貓眼電影充電。讓我們看看如何...

  • 公共空間設計優秀案例,優秀景觀設計案例分析

    公共空間設計優秀案例,優秀景觀設計案例分析 相關圖片展廳設計案例分析ppt單頁應用是指用戶通過瀏覽器加載獨立的HTML頁面而不離開這個導航頁面,這也是它的獨特優勢。對于用戶操作,單頁應用程序一旦加載并執行,通常會有更多的響應...

  • 全民K歌如何發起合唱,全民K歌怎么和好友合唱

    全民K歌如何發起合唱,全民K歌怎么和好友合唱 相關圖片全民k歌怎么一起合唱最近,很多國家級卡拉OK的用戶和朋友都反映,他們在使用該軟件的過程中不知道如何唱歌。所以接下來,超人軟件編輯想為大家解答如何處理全國k歌合唱團的低分...

  • 漫天花雨套裝效果,漫天花雨

    漫天花雨套裝效果,漫天花雨 相關圖片漫天花雨能觸發濺射嗎在淡藍色的天空下,花瓣隨風飄落,在屏幕上緩緩飄動。你必須說這個效果可以通過flash來實現。事實上,Dreamweaver也可以輕松實現!Dreamweaver夢幻西游所有套裝效...

  • skype是什么軟件,skype怎么用

    skype是什么軟件,skype怎么用 相關圖片skype 是什么隨著三大運營商紛紛降低收費,合同套餐的分鐘數也在不斷增加,很多人已經忘記了手機的神器:Skype。很多人不知道,Skype是什么意思?Skype是什么軟件skypeapp可以關閉嗎...

熱評文章

  • 潮自拍背景虛化在哪調,潮自拍背景虛化怎么設置

    潮自拍背景虛化在哪調,潮自拍背景虛化怎么設置 相關圖片輕顏相機怎么把背景虛化潮人自拍作為一種強大的拍照工具,自然受到所有時尚男女的喜愛。但是你知道如何虛擬化背景嗎?如何調節亮度?現在,超人軟件編輯想給大家介紹一下,關...

  • html元素居中,css元素居中的方式

    html元素居中,css元素居中的方式 相關圖片html怎么讓div居中HTML元素在其父元素上水平居中的方法:方法1:代碼如下:div class=wrap divclass=left-right-middle1 left andhtml中左右居中...

  • 淘寶時光機何時建立,淘寶時光機 何時推出

    淘寶時光機何時建立,淘寶時光機 何時推出 相關圖片淘寶店鋪時光機機jk是山嗎近日,淘寶網正式推出雙11時光機功能。我相信你們不知道淘寶雙11時光機是什么。接下來,超人軟件編輯還想介紹一下如何玩淘寶雙11時光機。請不要誤會感興...

  • 尤里克克,鋼琴基礎教程

    尤里克克,鋼琴基礎教程 相關圖片古典樂器STL作為C 標準不可或缺的一部分,應該滲透到C 程序的各個角落。STL不是實驗室里的最愛,也不是程序員桌上的顯示器。她的興奮不是曇花一現。本教程旨在傳播和中阮入門...

  • 抖音水印在線解析本地,抖音怎么設置不要水印

    抖音水印在線解析本地,抖音怎么設置不要水印 相關圖片拍抖音怎么不要水印作為一款功能強大的視頻軟件,自助餐深受很多年輕人的喜愛。最近,很多用戶和朋友都說,他們想知道如何去除嘰嘰喳喳的聲音和如何去除水。增加了“o-試驗”。...

  • 同一個企業釘釘怎么拉黑,釘釘怎么拉黑不了同事

    同一個企業釘釘怎么拉黑,釘釘怎么拉黑不了同事 相關圖片釘釘郵箱加黑名單如今,越來越多的企業開始用釘子來管理員工。我相信很多人想知道離開公司后如何設置黑名單,以及如何退出以前的公司?現在,讓我們跟隨超人軟件編輯器學習如...

  • 顏色和光澤鮮艷,色彩鮮艷光澤耀眼

    顏色和光澤鮮艷,色彩鮮艷光澤耀眼 相關圖片形容顏色光澤第一步:畫一個圓圈開始焰火-設置背景為黑色并在畫布上畫一個圓圈第二步:在圖像圓圈內添加徑向漸變。梯度法選擇徑向,顏色填充值為××000000-××ffffff。形容顏色和光...

  • 好用的手機動態桌面,手機動態桌面哪個好

    好用的手機動態桌面,手機動態桌面哪個好 相關圖片手機比較好用的動態壁紙軟件我已經習慣了一成不變的移動桌面,即使是各種各樣的壁紙也不能讓你覺得手機有一些新的創意和美感,所以現在是時候需要一個移動動態桌面來讓你的移...

  • 芝麻信用能干什么,芝麻信用能做什么

    芝麻信用能干什么,芝麻信用能做什么 相關圖片芝麻信用658能干什么大多數用戶的芝麻信用評分在600-700分左右,但也有一批人的芝麻信用評分已經達到750分或以上的高分。事實上,自去年校園日記風波以來,支付寶的芝麻信用評分為...

  • 炫酷的網頁,網頁炫酷效果

    炫酷的網頁,網頁炫酷效果 相關圖片登錄頁面炫酷特效代碼在過去,網站的創造性導航喜歡在大小、形式、顏色和排版上耍花招。現在,隨著時代的發展,它將增添酷炫的動感效果。例如,今天的網站群中,有很多學生在...

關注微信

变脸官网查询