ざっくりとした質問で恐縮ですが、
以下のような、JS(例:デジタル時計)を綺麗に記述するにはどのようにしたらよろしいでしょうか。
「実行と処理を分ける」「実行処理を外に出す」などと、綺麗にかけると見たのですが、初心者なもので、理解できておりません。
ご教授お願い致します。
JavaScript
1function digitalClock() { 2 var m = moment(); 3 var digital_clock = m.format('HH:mm:ss'); 4 5 var firstHours = digital_clock.charAt(0); 6 var secondHours = digital_clock.charAt(1); 7 8 var firstdMinutes = digital_clock.charAt(3); 9 var secondMinutes = digital_clock.charAt(4); 10 11 var firstdSecond = digital_clock.charAt(6); 12 var secondSecond = digital_clock.charAt(7); 13 14 document.getElementById( 'firstHours' ).innerHTML = firstHours.toLocaleString(); 15 document.getElementById( 'secondHours' ).innerHTML = secondHours.toLocaleString(); 16 document.getElementById( 'firstdMinutes' ).innerHTML = firstdMinutes.toLocaleString(); 17 document.getElementById( 'secondMinutes' ).innerHTML = secondMinutes.toLocaleString(); 18 document.getElementById( 'firstdSecond' ).innerHTML = firstdSecond.toLocaleString(); 19 document.getElementById( 'secondSecond' ).innerHTML = secondSecond.toLocaleString(); 20 21 window.setTimeout( "digitalClock()", 60000); //60秒 22} 23window.onload = digitalClock;
HTML
1<div id="digital_clock"> 2 <span id="firstHours" class="firstHours"></span> 3 <span id="secondHours" class="secondHours"></span> 4 <span>:</span> 5 <span id="firstdMinutes" class="firstdMinutes"></span> 6 <span id="secondMinutes" class="secondMinutes"></span> 7 <span>:</span> 8 <span id="firstdSecond" class="firstdSecond"></span> 9 <span id="secondSecond" class="secondSecond"></span> 10</div>
回答2件
あなたの回答
tips
プレビュー