// 添加监听事件 与直接使用 onclick,onkeydown一样的效果
// 可以控制事件是 冒泡事件、捕获事件
// 还可以移除已经添加的事件
// function dianji() {
//     document.body.onclick = dianji;
// }

/*
* add 添加
* Event 事件
* Listener 监听者
* dom.addEventListener*/

// function dianji() {
//     // alert();
//     // 移除某个事件
//     document.body.removeEventListener("click",dianji)
// }
//
// document.body.addEventListener("click",dianji);

/*摇一摇功能实现
*1.可以自由控制 时间的监听
 * 2.监听 手机陀螺仪 的状态
  * 3.计算摇一摇这个动作 所在陀螺仪所在状态的范围*/





function addshake(callback) {
    function shake(event) {
        var x = event.acceleration.x;
        var isShake = false;

        if (x>20||x<-20) {
            isShake = true;
           callback();
        }

        // 如果已经摇过 设置几秒后才可以继续摇
        if (isShake === true){
            isShake = false;
            window.removeEventListener("devicemotion",shake);
            setTimeout(function () {
                window.addEventListener("devicemotion",shake);
            },3000);
        }

    }
    window.addEventListener("devicemotion",shake);
}

var result = $(".result");
$(".title").dblclick(function () {
    var dis = $(".result").css("display");

    result.css("display",dis==="block"?"none":"block");
});

addshake(function () {

    $.get("http://route.showapi.com/151-2?showapi_appid=54109&showapi_sign=cf732a8ea1254fe7b3818e2d2edcaf49",function (data) {
        console.log(JSON.parse(data));
        var list = JSON.parse(data).showapi_res_body.pagebean.contentlist;
        console.log(list);
        var index = parseInt(Math.random()*list.length);
        console.log(list[index]);

        var obj = list[index];
        $(".title").text(obj.title);
        result.text(obj.answer);
    });

});