15
تشکر

نمایش وضعیت باتری دستگاه توسط Battery API

جاوا اسکریپت - JavaScript

جاوا اسکریپت – JavaScript

امروز با API جدیدی که در HTML5 معرفی شده است آشنا میشویم. توسط Battery API در زبان جاوا اسکریپت میتوان وضعیت باتری دستگاه را نمایش داد. همچنین HTML5 رویدادهایی را برای تغییر وضعیت باتری هم در نظر گرفته است.

در ادامه همراه ما باشید…

اطلاعات وضعیت باتری درون شی به نام navigator قرار دارد. این شی دارای خصوصیاتی اعم از level و charging است. خصوصیت level درصد پر بودن باتری را نمایش میدهد. و خصوصیت charging در صورت true بودن به این معناست که باتری در حال حاظر در حال شارژ شدن است.

کد زیر درصد پر بودن باتری و همچنین وضعیت آن را alert میکند:

var battery = navigator.battery;

alert('Battery: ' + battery.level * 100 + '%');

if(battery.charging) {
  alert('Battery Status: Charging');
} else {
  alert('Battery Status: Power cable not connected.');
}

همانطور که گفتیم HTML5 چندین رویداد را هم برای باتری در نظر گرفته است که به دو تا از مهمترین آنها اشاره میکنیم. رویداد chargingchange زمانی اتفاق میافتد که وضعیت باتری تغییر میکند، برای مثال زمانی که کابل برق وصل یا جدا میشود.

همچنین رویداد دیگری به نام levelchange نیز وجود دارد که زمانی اتفاق می افتد که میزان پر بودن باتری تغییر کند، برای مثال از %98 به %97 درصد برسد.

در کد زیر زمانی که هر کدام از رویداد های بالا اتفاق می افتد تابع updateBatteryStatus اجرا میشود.

var battery = navigator.battery;

battery.addEventListener("chargingchange", updateBatteryStatus);
battery.addEventListener("levelchange", updateBatteryStatus);

Battery API در حال حاظر تنها در آخرین نسخه های فایرفاکس پشتیبانی میشود.

میتوانید دموی تقریبا کاملی که توسط آپارنت ساخته شده است را در این صفحه مشاهده کنید(از آخرین نسخه فایرفاکس استفاده کنید).

اطلاعات کاملتر در مورد Battery API

  • میثم می‌گه:

    جالب بود !

  • farhad می‌گه:

    عالی بود!!!

  • علی می‌گه:

    جالب و عالی…


  • نظرات این مطلب بسته است.