一个可以显示电量的js

一个可以显示电量的js

猿掌柜
2024-09-04 / 0 评论 / 6 阅读 / 正在检测是否收录...

代码如下,笔记本可以,包括充电也有

if(navigator){
    navigator.getBattery()
    .then(status=>{
        console.table(status);
        Charging(status.charging);
        BatteryLevel(status.level);

        status.onCharging = () => Charging(status.charging);
        status.onLevelChange = () => BatteryLevel(status.level);
    })
}
else{
    alert('Sorry your browser dosen\'t support the navigator object');
}

let level = document.querySelector(".level");
let text = document.querySelector(".text");
function Charging(status){
    if(status){
    level.classList.add("charging");
    text.innerHTML = "Charging ";
    }
    else{  
    level.classList.remove("charging");
    }
}

function BatteryLevel(value) {
    text.append(value*100+'%') ;
    level.style.height = value*100+'%' ;
}
1

评论 (0)

取消