測試-測試完後，自刪

test

SunAllen 2016-11-28 23:12:36 ‧ 686 瀏覽

分享至

#字體沒有放大

<!DOCTYPEhtml>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta charset="utf-8" />
    <meta http-equiv="Content-Security-Policy" content="img-src * data:;default-src *; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval';">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes" />
    <title>2016鐵人賽測試</title>
    <link href="css/index.css" rel="stylesheet" />
       <link href="css/jquery.mobile-1.4.5.min.css" rel="stylesheet" type="text/css" />
    <script src="scripts/jquery-3.1.1.min.js" type="text/javascript"></script>
    <script src="scripts/jquery.mobile-1.4.5.min.js" type="text/javascript"></script>
</head>
<body>
    <script src="cordova.js"></script>
    <script src="scripts/platformOverrides.js"></script>
    <script src="scripts/index.js"></script>
    <div data-role="page" id="home">
        <div data-role="header"><h1>Sunallen製作：<br />您的電池狀態</h1></div>
        <div role="main" class="ui-content" id="show"></div>
        <div data-role="footer">
                           <div class="ui-block-b">
    <div class="ui-block-a"><button id="batid">電池狀態</button></div>
    <div class="ui-block-b"><button>目前位置</button></div>
    <div class="ui-block-c"><button>拍照存檔</button></div>
</div>
              </div>        
    </div>
</body>
</html>




$(document).on("click", "#batid", function () {
    "use strict";
    document.addEventListener( 'deviceready', onDeviceReady.bind( this ), false );
    function onDeviceReady() {
        window.addEventListener("batterystatus", onBatteryStatus, false);
        window.addEventListener("batterycritical", onBatteryCritical, false);
        window.addEventListener("batterylow", onBatteryLow, false);      
    };
    function onBatteryStatus(info) {
        ShowInfo(info);
    }
    function onBatteryCritical(info) {
        ShowInfo(info);
    }
    function onBatteryLow(info) {
        ShowInfo(info);
    }
    function ShowInfo(info) {
         var element = document.getElementById('show');
           if (info.isPlugged == true){
                     var yn = "目前充電中";
              } else { var yn ="目前沒有充電";
              }
              
        element.innerHTML = "電池還有多少電: " + info.level + "%"+ "<br />" +
                            "電池是否充電中: " + yn;
    }  
});

##不能貼HTML_CODE

###>不能貼HTML_CODE

####不能貼HTML_CODE