Javascript’te navigator.battery nesnesini kullanarak desteklenen tarayıcılarda pilin doluluk yüzdesini, pilin şarjda olup olmadığını, ne kadar zamandır şarja takılmadığını öğrenebiliriz.
İlk olarak “pil” değişkenimizi oluşturalım.
var pil = navigator.battery || navigator.webkitBattery || navigator.mozBattery;
Değişkeni oluşturduktan sonra “pil.level” ile pil seviyesini, “pil.charging” ile şarja takılı olup olmadığını öğrenebiliriz artık.
“pil.charging” değeri eğer cihaz şarja takılı ise “true”, takılı değilse “false” olacaktır.
if (pil.charging === true) {
var durum = "Şarj oluyor";
} else {
var durum = "Şarjda değil";
}
“pil.level” değeri ile pilin kalan yüzdesini öğrenmek için bu değeri 100 ile çarpmalıyız. Daha sonra elde ettiğimiz değeri bir ilerleme çubuğuna (progress bar) aktarabiliriz.
HTML:
<progress id="yuzde" max="100">
Javascript:
document.getElementById('yuzde').value = pil.level * 100;
Örnek:
Eğer cihazınız bataryaya sahip değilse seviye %100 durum şarj oluyor olarak gözükecektir.
Kodlara bu adresten ulaşabilirsiniz.
Bu sayfayı mobil cihazınızda görüntülemek için aşağıdaki QR kodunu taratabilirsiniz.