Chromium Code Reviews| OLD | NEW |
|---|---|
| (Empty) | |
| 1 <html> | |
| 2 <body> | |
| 3 <head> | |
| 4 <meta name="description" content="Test for Battery Status API"/> | |
| 5 <title>Battery Status API</title> | |
| 6 </head> | |
| 7 <body> | |
| 8 <table> | |
| 9 <tr> | |
| 10 <td>Battery Status API</td> | |
| 11 <td width="250px"></td> | |
| 12 </tr> | |
| 13 <tr> | |
| 14 <td colspan="2"> | |
| 15 <hr> | |
| 16 </td> | |
| 17 </tr> | |
| 18 <tr> | |
| 19 <td>charging</td> | |
| 20 <td id="charging"></td> | |
| 21 </tr> | |
| 22 <tr> | |
| 23 <td>chargingTime</td> | |
| 24 <td id="chargingTime"></td> | |
| 25 </tr> | |
| 26 <tr> | |
| 27 <td>dischargingTime</td> | |
| 28 <td id="dischargingTime"></td> | |
| 29 </tr> | |
| 30 <tr> | |
| 31 <td>battery level</td> | |
| 32 <td id="level"></td> | |
| 33 </tr> | |
| 34 <tr> | |
| 35 <td colspan="2"> | |
| 36 <hr> | |
| 37 </td> | |
| 38 </tr> | |
| 39 <tr> | |
| 40 <td>promise status</td> | |
| 41 <td id="promiseStatus"></td> | |
| 42 </tr> | |
| 43 <tr> | |
| 44 <td>number of updates</td> | |
| 45 <td id="numberUpdates"></td> | |
| 46 </tr> | |
| 47 </table> | |
| 48 | |
| 49 <script> | |
| 50 var numberUpdates = 0; | |
| 51 var battery; | |
| 52 | |
| 53 function batterySuccess(batteryManager) { | |
| 54 battery = batteryManager; | |
| 55 document.getElementById("promiseStatus").innerHTML = "success"; | |
| 56 updateBatteryInformation(); | |
| 57 battery.addEventListener('chargingchange', function() { | |
|
Michael van Ouwerkerk
2014/08/18 15:46:06
I think none of these addEventListener calls need
timvolodine
2014/08/20 11:28:03
that's right. Done.
| |
| 58 updateBatteryInformation(); | |
| 59 }); | |
| 60 battery.addEventListener('chargingtimechange', function() { | |
| 61 updateBatteryInformation(); | |
| 62 }); | |
| 63 battery.addEventListener('dischargingtimechange', function() { | |
| 64 updateBatteryInformation(); | |
| 65 }); | |
| 66 battery.addEventListener('levelchange', function() { | |
| 67 updateBatteryInformation(); | |
| 68 }); | |
| 69 } | |
| 70 | |
| 71 function batteryFailure() { | |
| 72 document.getElementById("promiseStatus").innerHTML = "failed"; | |
| 73 } | |
| 74 | |
| 75 function ConvertToHMS(durationInSeconds) { | |
| 76 if (!isFinite(durationInSeconds)) return ""; | |
| 77 var hours = Math.floor(durationInSeconds / 3600); | |
| 78 var seconds = durationInSeconds % 60; | |
| 79 var minutes = Math.floor((durationInSeconds - hours * 3600 - seconds) / 60); | |
| 80 return " (" + hours + "h:" + minutes + "m:" + seconds + "s)"; | |
| 81 } | |
| 82 | |
| 83 function updateBatteryInformation() { | |
| 84 document.getElementById("charging").innerHTML = battery.charging; | |
| 85 document.getElementById("chargingTime").innerHTML = battery.chargingTime + ConvertToHMS(battery.chargingTime); | |
| 86 document.getElementById("dischargingTime").innerHTML = battery.dischargi ngTime + ConvertToHMS(battery.dischargingTime); | |
| 87 document.getElementById("level").innerHTML = battery.level; | |
| 88 numberUpdates++; | |
| 89 document.getElementById("numberUpdates").innerHTML = numberUpdates; | |
| 90 } | |
| 91 | |
| 92 document.getElementById("promiseStatus").innerHTML = "pending"; | |
| 93 document.getElementById("numberUpdates").innerHTML = numberUpdates; | |
| 94 navigator.getBattery().then(batterySuccess, batteryFailure); | |
| 95 </script> | |
| 96 </body> | |
| 97 </html> | |
| OLD | NEW |