Share web page detection and shake instance code _ javascript skills

This article mainly introduces the relevant information about the code of the web page detection and shake instance. If you need more information, you can refer to this article and paste the Code directly. The specific code is as follows:

Var Shaker = function (f) {// SHAKE: it is detected that three shakes are calculated as one shake. After shaking, the handler is called, do not detect this. // f. callback = f; this. status = 0; // 0: listening has not started. 1: listening has started. this. speed = 15; this. lastX = this. lastY = this. larats = 0; this. num = 0; // The number of times this is triggered. minNum = 3; // minimum number of detection triggers this. beginSecond = 0; // The number of seconds to start detection this. maxSecond = 3; // The maximum interval of seconds this. handlerWrap = function () {};} Shaker. prototype. listen = function () {// listen to shake var that = this; if (this. status = 0 & window. deviceMotionEvent) {this. status = 1; this. handlerWrap = function (event) {that. handler (event)} window. addEventListener ('deviceid', this. handlerWrap, false) ;}} Shaker. prototype. release = function () {// stop listening if (this. status = 1) {if (window. deviceMotionEvent) {window. removeEventListener ('deviceid', this. handlerWrap);} this. status = 0; this. num = 0 ;}} Shaker. prototype. reset = function () {// reset Detection if (this. status = 1) {this. num = 0 ;}} Shaker. prototype. handler = function (event) {// sensor event processing if (this. status = 1) {var acceleration = event. accelerationIncludingGravity; var x = acceleration. x; var y = acceleration. y; var z = acceleration. z; if (Math. abs (x-this.lastX)> this. speed | Math. abs (y-this.lastY)> this. speed | Math. abs (z-this.lastZ)> this. speed) {if (this. num = 0) {this. beginSecond = Date. parse (new Date ()/1000} this. num + = 1;} this. lastX = x; this. lastY = y; this. las-1 = z; if (this. num> = this. minNum) {var now = Date. parse (new Date ()/1000; if (now-this. beginSecond <= this. maxSecond) {this. release (); if (this. callback) {this. callback () ;}} this. reset ();}}}

Usage:

Var s = new Shaker (function () {/* callback after shaking */}); s. listen ();

Well, this article will introduce you here, and will be updated continuously in the future. I hope this article will share with you the knowledge about the web page detection and shake instance code, which will be helpful to you.