html5搖一搖代碼優(yōu)化的方法

這篇文章主要介紹了html5搖一搖代碼優(yōu)化的方法的相關(guān)知識(shí)，內(nèi)容詳細(xì)易懂，操作簡單快捷，具有一定借鑒價(jià)值，相信大家閱讀完這篇html5搖一搖代碼優(yōu)化的方法文章都會(huì)有所收獲，下面我們一起來看看吧。

成都創(chuàng)新互聯(lián)公司專業(yè)為企業(yè)提供贛州網(wǎng)站建設(shè)、贛州做網(wǎng)站、贛州網(wǎng)站設(shè)計(jì)、贛州網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)與制作、贛州企業(yè)網(wǎng)站模板建站服務(wù)，10多年贛州做網(wǎng)站經(jīng)驗(yàn)，不只是建網(wǎng)站，更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。

代碼如下:

if(window.DeviceMotionEvent) {

var speed = 25;//定義一個(gè)數(shù)值

var x = y = z = lastX = lastY = lastZ = 0;//重置所有數(shù)值

window.addEventListener('devicemotion', function(){

var acceleration =event.accelerationIncludingGravity;//將傳感值賦給acceleration

x = acceleration.x;

y = acceleration.y;

z = acceleration.z;

if(Math.abs(x-lastX) > speed || Math.abs(y-lastY) > speed ) {

// TODO:在此處可以實(shí)現(xiàn)搖一搖之后所要進(jìn)行的數(shù)據(jù)邏輯操作

donghua();

}

lastX = x;

lastY = y;

lastZ = z;

}, false);

}

由于實(shí)際項(xiàng)目中有很多需求無法很好的實(shí)現(xiàn)，

比如：動(dòng)畫不執(zhí)行完畢就不能繼續(xù)執(zhí)行DeviceMotionEvent事件；

所以做了進(jìn)一步優(yōu)化；

復(fù)制代碼

代碼如下:

var f=1;

function donghua(){

//動(dòng)畫事件

$(".img").animate({left:'0',opacity:'1'},700,function(){f=1;});

});

if(window.DeviceMotionEvent) {

var speed = 25;//定義一個(gè)數(shù)值

var x = y = z = lastX = lastY = lastZ = 0;//重置所有數(shù)值

window.addEventListener('devicemotion', function(){

var acceleration =event.accelerationIncludingGravity;//將傳感值賦給acceleration

x = acceleration.x;

y = acceleration.y;

z = acceleration.z;

if(Math.abs(x-lastX) > speed || Math.abs(y-lastY) > speed ) {

// TODO:在此處可以實(shí)現(xiàn)搖一搖之后所要進(jìn)行的數(shù)據(jù)邏輯操作

if(f==1){

donghua();

f=0;

}

}

lastX = x;

lastY = y;

lastZ = z;

}, false);

}

關(guān)于“html5搖一搖代碼優(yōu)化的方法”這篇文章的內(nèi)容就介紹到這里，感謝各位的閱讀！相信大家對“html5搖一搖代碼優(yōu)化的方法”知識(shí)都有一定的了解，大家如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

本文標(biāo)題：html5搖一搖代碼優(yōu)化的方法
網(wǎng)頁路徑：http://bm7419.com/article40/jdeoho.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站改版、標(biāo)簽優(yōu)化、虛擬主機(jī)、App開發(fā)、搜索引擎優(yōu)化、靜態(tài)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)