martin/silvrgit
martin/silvrgit
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

updated clock to only refresh time on the minute boundry

Browse Source
This commit is contained in:
Martin Donnelly 2016-04-19 16:14:58 +01:00
parent bce7f56b31
commit d4ad4ec3bb
1 changed files with 97 additions and 92 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

189
app/js/clock.js
View File

@ -3,112 +3,117 @@
*/ */
(function () { (function() {
var storedData; var storedData;
var self = this; var self = this;
var weatherCount = 0; var weatherCount = 0;
var skycons = new Skycons({"color": "white"}); var skycons = new Skycons({"color": "white"});
MicroEvent.mixin(this); MicroEvent.mixin(this);
function getData() { function getData() {
$.ajax({ $.ajax({
type: 'GET', type: 'GET',
url: '/today/data', url: '/today/data',
data: '', data: '',
dataType: 'json', dataType: 'json',
timeout: 10000, timeout: 10000,
context: $('body'), context: $('body'),
contentType: ('application/json'), contentType: ('application/json'),
headers: { headers: {
'Access-Control-Allow-Origin': '*', 'Access-Control-Allow-Origin': '*',
'Access-Control-Allow-Methods': 'PUT, GET, POST, DELETE, OPTIONS', 'Access-Control-Allow-Methods': 'PUT, GET, POST, DELETE, OPTIONS',
'Access-Control-Allow-Headers': 'Content-Type' 'Access-Control-Allow-Headers': 'Content-Type'
}, },
success: function (data) { success: function(data) {
console.log(data); console.log(data);
storedData = data; storedData = data;
startWeather(); startWeather();
}, },
error: function (xhr, type) { error: function(xhr, type) {
console.log("ajax error"); console.log("ajax error");
console.log(xhr); console.log(xhr);
console.log(type); console.log(type);
} }
});
}
function updateWeather() {
$('#wCtext').empty().html(storedData.data.weather.currently);
$('#wLtext').empty().html(storedData.data.weather.later);
$('#wTtext').empty().html(storedData.data.weather.today);
// $('#wDaily').empty();
for (var t = 0; t < storedData.data.weather.data.daily.data.length; t++) {
var m = 'icon' + (t + 1).toString();
var d = '#d' + (t + 1).toString();
var ts = parseInt(storedData.data.weather.data.daily.data[t].time) * 1000;
var n = Date.create(ts).format('{weekday}');
skycons.add(m, storedData.data.weather.data.daily.data[t].icon);
$(d).empty().html(n);
}
skycons.play();
$('#wLater').hide();
$('#wToday').hide();
$('#wDaily').hide();
}
function switchWeather() {
weatherCount++;
weatherCount = weatherCount < 4 ? weatherCount : 0;
$('#wCurrent').toggle(weatherCount == 0);
$('#wLater').toggle(weatherCount == 1);
$('#wToday').toggle(weatherCount == 2);
$('#wDaily').toggle(weatherCount == 3);
}
// event bus
this.bind('switchWeather', function () {
switchWeather();
}); });
}
// timers function updateWeather() {
function startWeather() { $('#wCtext').empty().html(storedData.data.weather.currently);
$('#wLtext').empty().html(storedData.data.weather.later);
$('#wTtext').empty().html(storedData.data.weather.today);
// $('#wDaily').empty();
updateWeather(); for (var t = 0; t < storedData.data.weather.data.daily.data.length; t++) {
setInterval(function () { var m = 'icon' + (t + 1).toString();
self.trigger('switchWeather'); var d = '#d' + (t + 1).toString();
var ts = parseInt(storedData.data.weather.data.daily.data[t].time) * 1000;
var n = Date.create(ts).format('{weekday}');
}, 10000); skycons.add(m, storedData.data.weather.data.daily.data[t].icon);
$(d).empty().html(n);
} }
skycons.play();
function startClock() { $('#wLater').hide();
setInterval(function () { $('#wToday').hide();
var n = Date.create(new Date()).format('{hh}:{mm}:{ss}'); $('#wDaily').hide();
$('#clockDisplay').html(n); }
}, 1000); function switchWeather() {
}
function refresh() { weatherCount++;
setInterval(function () { weatherCount = weatherCount < 4 ? weatherCount : 0;
getData()
}, 900000);
}
startClock(); $('#wCurrent').toggle(weatherCount == 0);
getData(); $('#wLater').toggle(weatherCount == 1);
refresh(); $('#wToday').toggle(weatherCount == 2);
$('#misc').html($( window ).width()); $('#wDaily').toggle(weatherCount == 3);
}
// event bus
this.bind('switchWeather', function() {
switchWeather();
});
// timers
function startWeather() {
updateWeather();
setInterval(function() {
self.trigger('switchWeather');
}, 10000);
}
function updateClock() {
var n = Date.create(new Date()).format('{hh}:{mm}');
$('#clockDisplay').html(n);
}
function clock() {
'use strict';
updateClock();
var now = new Date;
var mod = 60000 - (now.getTime() % 60000);
setTimeout(function() {clock();}, mod + 10);
}
function refresh() {
setInterval(function() {
getData()
}, 900000);
}
clock();
getData();
refresh();
$('#misc').html($(window).width());
})(); })();