文档章节

webApp 用js 模仿微信的摇一摇功能DeviceMotionEvent

同一种调调
 同一种调调
发布于 2014/01/09 11:36
字数 103
阅读 594
收藏 15

webApp 用js 模仿微信的摇一摇功能

<script type="text/javascript">
var color = new Array('#fff', '#ff0', '#f00', '#000', '#00f', '#0ff');
if(window.DeviceMotionEvent) {
    var speed = 105;
    var x = y = z = lastX = lastY = lastZ = 0;
    
    
    var ys=1;
    window.addEventListener('devicemotion', function(){
        var acceleration =event.accelerationIncludingGravity;
        x = acceleration.x;
        y = acceleration.y;
        if(Math.abs(x-lastX) > speed || Math.abs(y-lastY) > speed) {
	        ys+=1;
	        alert("你摇一摇换了桌面哦")
        	document.getElementById("text").innerHTML+=ys+"<br />";
            document.body.style.backgroundColor = color[Math.round(Math.random()*10)%6];
        }
        lastX = x;
        lastY = y;
    }, false);
}
</script>



© 著作权归作者所有

共有 人打赏支持
同一种调调

同一种调调

粉丝 17
博文 42
码字总数 26090
作品 23
宝山
程序员
私信 提问
请问能使用微信的js sdk 来获取“摇一摇”事件吗?

在使用微信公众平台的JS SDK的API,发现没有“摇一摇”的接口,不知有大神有用过这个“摇一摇”的事件吗? 这样我就可以使用JS SDK来做WEB页面进行“摇一摇”红包的处理。 JS SDK 的官方说明...

牛小二
2015/11/26
792
0
JFinal Weixin 1.5 发布,微信极速 SDK

JFinal Weixin 1.5 大幅完善了对微信公众平台API的支持,以便满足更多开发者的需求。主要添加了微信摇一摇、微信支付、素材管理MediaApi,分布式Token存储等实用功能。 本次版本所有功能来源...

JFinal
2015/11/12
11.7K
137
微信JSSDK分享到朋友圈和朋友自定义内容功能实现

个人小程序。可以扫描体验哦。点击广告此博文代码免费赠予 本博文实现了自定义分享朋友圈、转发朋友、获取网络状态、地理位置、扫一扫等JSSDK接口功能 官网文档。请自行仔细阅读 https://mp...

小帅帅丶
2017/02/21
0
6
微信JSSDK接入Java版--步骤及问题处理和解决

点击查看自定义分享朋友圈、转发朋友、获取网络状态、地理位置、扫一扫等JSSDK接口功能 好多图片都不知道为什么显示成开源中国LOGO了。我自己也没保存。很是尴尬 微信JSSDKJava版接入--步骤及...

小帅帅丶
2016/08/03
0
6
egret 打地鼠游戏开发

1.今天做的第一件事情就是,问下支付好使不。支付还是没测试上 2.主要都做上了,开发页面上的工作,后台的代码没写。主要做 游戏列表,活动说明,排行榜,我的奖品 一天都是做这个页面ui的设...

卡卡就是写
2016/11/11
1
0

没有更多内容

加载失败,请刷新页面

加载更多

OSChina 周六乱弹 —— 看见这花臂了么?赶紧叫大佬!

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @宇辰OSC :分享周华健的单曲《有没有一首歌会让你想起我》 《有没有一首歌会让你想起我》- 周华健 手机党少年们想听歌,请使劲儿戳(这里) ...

小小编辑
今天
54
4
Confluence 6 升级中的一些常见问题

升级的时候遇到了问题了吗? 如果你想尝试重新进行升级的话,你需要首先重新恢复老的备份。不要尝试再次对 Confluence 进行升级或者在升级失败后重新启动老的 Confluence。 在升级过程中的一...

honeymoose
今天
2
0
C++随笔(四)Nuget打包

首先把自己编译好的包全部准备到一个文件夹 像这样 接下来新建一个文本文档,后缀名叫.nuspec 填写内容 <?xml version="1.0"?><package xmlns="http://schemas.microsoft.com/packaging/201......

Pulsar-V
今天
3
0
再谈使用开源软件搭建数据分析平台

三年前,我写了这篇博客使用开源软件快速搭建数据分析平台, 当时收到了许多的反馈,有50个点赞和300+的收藏。到现在我还能收到一些关于dataplay2的问题。在过去的三年,开源社区和新技术的发...

naughty
今天
18
0
Python3的日期和时间

python 中处理日期时间数据通常使用datetime和time库 因为这两个库中的一些功能有些重复,所以,首先我们来比较一下这两个库的区别,这可以帮助我们在适当的情况下时候合适的库。 在Python文...

编程老陆
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部