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实现微信摇一摇功能的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 单身未婚女梦到蛇代表什么
- 下一篇: ABAP 数值四舍五入函数