70 lines
1.6 KiB
JavaScript
70 lines
1.6 KiB
JavaScript
/* jshint esversion: 6 */
|
|
(function() {
|
|
const xyMin = 0;
|
|
const xyMax = g.getWidth();
|
|
|
|
//const appScreen = { x1: xyMin, y1: 24, x2: xyMax, y2: xyMax };
|
|
|
|
const timeFontSize = 6;
|
|
const dateFontSize = 3;
|
|
const gmtFontSize = 2;
|
|
const font = "6x8";
|
|
|
|
const xyCenter = xyMax / 2;
|
|
const yposTime = 75;
|
|
const yposDate = 130;
|
|
const yposYear = 175;
|
|
const yposGMT = 220;
|
|
|
|
function drawSimpleClock() {
|
|
|
|
// get date
|
|
var d = new Date();
|
|
var da = d.toString().split(" ");
|
|
|
|
//g.clearRect(appScreen.x1, appScreen.y1, appScreen.x2, appScreen.y2);
|
|
|
|
// drawSting centered
|
|
g.setFontAlign(0, 0);
|
|
|
|
// draw time
|
|
var time = da[4].substr(0, 5);
|
|
//g.clearRect(xyMin, yposTime, xyMax, yposTime + g.getFontHeight());
|
|
g.setFont(font, timeFontSize);
|
|
g.drawString(time, xyCenter, yposTime,true);
|
|
|
|
// draw Day, name of month, Date
|
|
var date = [ da[0], da[1], da[2] ].join(" ");
|
|
g.setFont(font, dateFontSize);
|
|
//g.clearRect(xyMin, yposDate, xyMax, yposDate + g.getFontHeight());
|
|
g.drawString(date, xyCenter, yposDate,true);
|
|
|
|
// draw year
|
|
g.setFont(font, dateFontSize);
|
|
//g.clearRect(xyMin, yposYear, xyMax, yposDate + g.getFontHeight());
|
|
g.drawString(d.getFullYear(), xyCenter, yposYear,true);
|
|
|
|
// draw gmt
|
|
var gmt = da[5];
|
|
g.setFont(font, gmtFontSize);
|
|
g.drawString(gmt, xyCenter, yposGMT,true);
|
|
|
|
}
|
|
|
|
// handle switch display on by pressing BTN1
|
|
Bangle.on('lcdPower', function(on) {
|
|
if (on) {
|
|
drawSimpleClock();
|
|
drawWidgets();
|
|
}
|
|
});
|
|
|
|
// clean app screen
|
|
g.clear();
|
|
|
|
// refesh every 15 sec
|
|
setInterval(drawSimpleClock, 15E3);
|
|
// draw now
|
|
drawSimpleClock();
|
|
|
|
})(); |