فهرست منبع

extract time display code into new _displayTime() function

This will allow us to reuse the display code for displaying
an additional pacing timer.
Adam Spiers 10 سال پیش
والد
کامیت
a161acaba9
1فایلهای تغییر یافته به همراه12 افزوده شده و 8 حذف شده
  1. 12 8
      plugin/notes/notes.html

+ 12 - 8
plugin/notes/notes.html

@@ -463,22 +463,26 @@
 						minutesEl = timeEl.querySelector( '.minutes-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() {
 
 						var diff, hours, minutes, seconds,
 							now = new Date();
 
 						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' } );
-						hoursEl.innerHTML = zeroPadInteger( hours );
-						hoursEl.className = hours > 0 ? '' : 'mute';
-						minutesEl.innerHTML = ':' + zeroPadInteger( minutes );
-						minutesEl.className = minutes > 0 ? '' : 'mute';
-						secondsEl.innerHTML = ':' + zeroPadInteger( seconds );
+						_displayTime( hoursEl, minutesEl, secondsEl, diff );
 
 					}