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

Đặng Tiến Sĩ Tác giả:
Xuất bản: Thứ Bảy, 16 tháng 3, 2019 -

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é.
Nguồn: http://anonystick.com

Tag:
0 Like
11 Comment More Emoticon
11 Nhận xét
Sắp xếp theo

Bài Viết Có Thể Xem

THÔNG BÁO

Biên tập nội dung: Đặng Tiến Sĩ
Sĩ Ben IT Blogger giữ bản quyền nội dung trên website này
Chỉ được phát hành lại nội dung khi có sự đồng ý của chủ sở hữu
Mọi thư từ góp ý vui lòng gửi về địa chỉ dangtiensi.vn@gmail.com

Đóng Liên hệ

Thông báo của Admin