extract time display code into new _displayTime() function

This will allow us to reuse the display code for displaying
an additional pacing timer.
This commit is contained in:
Adam Spiers 2016-04-16 16:52:34 +01:00
parent eb23e58114
commit a161acaba9
1 changed files with 12 additions and 8 deletions

View File

@ -463,22 +463,26 @@
minutesEl = timeEl.querySelector( '.minutes-value' ), minutesEl = timeEl.querySelector( '.minutes-value' ),
secondsEl = timeEl.querySelector( '.seconds-value' ); secondsEl = timeEl.querySelector( '.seconds-value' );
function _displayTime( hrEl, minEl, secEl, time) {
var hours = Math.floor( time / ( 1000 * 60 * 60 ) );
var minutes = Math.floor( ( time / ( 1000 * 60 ) ) % 60 );
var seconds = Math.floor( ( time / 1000 ) % 60 );
hrEl.innerHTML = zeroPadInteger( hours );
hrEl.className = hours > 0 ? '' : 'mute';
minEl.innerHTML = ':' + zeroPadInteger( minutes );
minEl.className = minutes > 0 ? '' : 'mute';
secEl.innerHTML = ':' + zeroPadInteger( seconds );
}
function _updateTimer() { function _updateTimer() {
var diff, hours, minutes, seconds, var diff, hours, minutes, seconds,
now = new Date(); now = new Date();
diff = now.getTime() - start.getTime(); diff = now.getTime() - start.getTime();
hours = Math.floor( diff / ( 1000 * 60 * 60 ) );
minutes = Math.floor( ( diff / ( 1000 * 60 ) ) % 60 );
seconds = Math.floor( ( diff / 1000 ) % 60 );
clockEl.innerHTML = now.toLocaleTimeString( 'en-US', { hour12: true, hour: '2-digit', minute:'2-digit' } ); clockEl.innerHTML = now.toLocaleTimeString( 'en-US', { hour12: true, hour: '2-digit', minute:'2-digit' } );
hoursEl.innerHTML = zeroPadInteger( hours ); _displayTime( hoursEl, minutesEl, secondsEl, diff );
hoursEl.className = hours > 0 ? '' : 'mute';
minutesEl.innerHTML = ':' + zeroPadInteger( minutes );
minutesEl.className = minutes > 0 ? '' : 'mute';
secondsEl.innerHTML = ':' + zeroPadInteger( seconds );
} }