Javascript Pil (Batarya) Seviyesini Öğrenme

695 görüntüleme 10 Şubat 2018 Javascript

Javascript Pil (Batarya) Seviyesini Öğrenme

Javascript Pil (Batarya) Seviyesini Öğrenme
ahmet hakan avatar

Javascript Pil (Batarya) Seviyesini Öğrenme

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.

javascript pil seviye ölçme demo qr kod

296

Javascript Pil (Batarya) Seviyesini Öğrenme için yorumlar