Javascript Detect Hành Động Lắc Điện Thoại Như Momo, Zalo

Chào mọi người mình là Sĩ Ben, thì trong bài này mình sẽ nói về sức mạnh của Javascript có thể làm những gì so với App. Ví dụ là một số ứng dụng như Zalo, Mono có các tính năng lắc xì xì này kia để nhận quà, thì ở website chúng ta củng có thể làm như thế.

Javascript Lắc Điện Thoại, Javascript Detect Sự Kiện Hành Động Lắc Điện Thoại Như Momo, Zalo

Các bước thực hiện


Bước đầu tiên chúng ta phải khai báo thư viện nake.js
<script type="text/javascript"src="https://cdn.rawgit.com/alexgibson/shake.js/master/shake.js"></script>

Sau đó chạy đoạn Script dưới đây.
<script> 
//listen to shake event
var shakeEvent = new Shake({threshold: 15});
shakeEvent.start();
window.addEventListener('shake', function(){
alert("lac lac lac ");
}, false);
//stop listening
function stopShake(){
shakeEvent.stop();
}
//Kiem tra xem co ho tro hay khong
if(!("ondevicemotion" in window)){alert("Not Supported");}
</scriptĐây là những đoạn khai báo đơn giãn nhất. Bạn hãy dùng điện thoại và test nó nhé.

Demo

Lắc điện thoại để đổi màu

Lời Kết

Chúc các bạn có một ngày vui vẻ nhé. 
Javascript Detect Hành Động Lắc Điện Thoại Như Momo, Zalo Reviewed by Lê Quốc Dũng ✓ on 3/17/2019 04:41:00 AM Rating: 5

No comments:

Bản quyền thuộc về­Star Dũng IT © 2017 - 2018
Power ByBlogger | Phát Triển BởiLê Quốc Dũng | Facebook | Youtube

Biểu mẫu liên hệ

Name

Email *

Message *

Powered by Blogger.