日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

H5实现微信摇一摇功能

發布時間:2023/11/29 编程问答 44 豆豆
生活随笔 收集整理的這篇文章主要介紹了 H5实现微信摇一摇功能 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

//搖一搖
<script type="text/javascript">
var num =1;
var SHAKE_THRESHOLD = 2000;
var last_update = 0;
var x = y = z = last_x = last_y = last_z = 0;
function init() {
if (window.DeviceMotionEvent) {
window.addEventListener('devicemotion', deviceMotionHandler, false);
} else {
alert('not support mobile event');
}
}
function clearWord(){ 
num=1;
}
function deviceMotionHandler(eventData) {
var acceleration = eventData.accelerationIncludingGravity;
var curTime = new Date().getTime();
var audio = document.getElementById('musicBox');
var audio2 = document.getElementById('musicResult');

if ((curTime - last_update) > 60) {

var diffTime = curTime - last_update;
var flag = false;
last_update = curTime;
x = acceleration.x;
y = acceleration.y;
z = acceleration.z;
var speed = Math.abs(x + y + z - last_x - last_y - last_z) / diffTime * 8000;
var ua = navigator.userAgent.toLowerCase();

if(ua.match(/Android/i) == "android"){
if (speed > SHAKE_THRESHOLD) {
audio.play();
$("body").addClass("shake_now");
if(num==1){
num++;
setTimeout('clearWord()', 5000);
$.ajax({
type:"POST",
url : "/index.php?g=Wap&m=Shakeprize&a=run&token={weimicms:$Shakeprize.token}",
dataType: "json",
data:{
token:"{weimicms:$Shakeprize.token}",
wecha_id:"{weimicms:$wecha_id}",
wxid:"{weimicms:$wecha_id}",
id:'{weimicms:$Shakeprize.id}',
},
success: function(data) {
if(data.ret==2){
audio.pause();
audio2.play();
$(".modal2").show();
//$(".infor").show();
//alert(data.msg);
}else if(data.ret==1){
alert(data.msg);
//alert(data.data.data.tips);
}else if(data.ret==0){
alert(data.data.data.tips);
}

},
error: function() {
alert('請求失敗,您的網絡環境可能不佳!');
return;
},
})
}
}else{
$("body").removeClass("shake_now");
}
}else if(ua.match(/iPhone/i) == "iphone"){
if (speed > 3000) {
audio.play();
if(num==1){
num++;
setTimeout('clearWord()', 5000);
$.ajax({
type:"POST",
url : "/index.php?g=Wap&m=Shakeprize&a=run&token={weimicms:$Shakeprize.token}",
dataType: "json",
data:{
token:"{weimicms:$Shakeprize.token}",
wecha_id:"{weimicms:$wecha_id}",
wxid:"{weimicms:$wecha_id}",
id:'{weimicms:$Shakeprize.id}',
},
success: function(data) {
if(data.ret==2){
audio.pause();
audio2.play();
$(".modal2").show();
//$(".infor").show();
//alert(data.msg);
}else if(data.ret==1){
alert(data.msg);
//alert(data.data.data.tips);
}else if(data.ret==0){
alert(data.data.data.tips);
}

},
error: function() {
alert('請求失敗,您的網絡環境可能不佳!');
return;
},
})
}
}
}
}
}

</script>

轉載于:https://www.cnblogs.com/thisxiaojiu/p/6602362.html

總結

以上是生活随笔為你收集整理的H5实现微信摇一摇功能的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。