曜日、時間、分、および日付を表示する

Question

このスクリプトを曜日と日付も表示できるように変更したいと考えています。

(function() { 
    function checkTime(i) { 
     return (i < 10) ? "0" + i : i; 
    } 

    function startTime() { 
     var today = new Date(), 
      h = checkTime(today.getHours()), 
      m = checkTime(today.getMinutes()); 
     document.getElementById('time').innerHTML = h + ":" + m; 
     t = setTimeout(function() { 
      startTime() 
     }, 500); 
    } 
    startTime(); 
})(); 

IについてgetDay();を追加することが、私は機能でそれを正直さに追加する方法がわからないけれども。ページ上で日付と日付が自動的に更新されなければならないことを知っていると、それは数日間開かれたままになります。（ほぼ常に表示されるディスプレイです）

Answer 1

アレイに月と日の名前を追加し、getDay()、getDate()、getMonth()とgetFullYear()を使用する個人の作業例を見るにはここをクリックしてください見て：

(function() { 
 
    function checkTime(i) { 
 
     return (i < 10) ? "0" + i : i; 
 
    } 
 

 
    function startTime() { 
 
    \t var months = [ 'January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December' ], 
 
     \t days = [ 'Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday' ] 
 
    
 
     var today = new Date(), 
 
      d = today.getDay(), 
 
      f = today.getDate(), 
 
      m = today.getMonth(), 
 
      y = today.getFullYear(), 
 
      
 
      h = checkTime(today.getHours()), 
 
      i = checkTime(today.getMinutes()); 
 
     
 
     var val = days[d]+', '+f+' '+months[m]+' '+y+' - '+h+':'+i; 
 
     
 
     document.getElementById('time').innerHTML = val; 
 
     
 
     t = setTimeout(function() { 
 
      startTime() 
 
     }, 500); 
 
    } 
 
    
 
    startTime(); 
 
})();

<div id="time"></div>

Answer 2

dayNames = ["DOM", "LUN", "MAR", "MER", "GIO", "VEN", "SAB"], 

dayNames[date.getDay()] 

あなたの日の文字列を表示します。

は https://fiddle.sencha.com/#view/editor&fiddle/1kfh

Answer 3

以下のコードを使用して確認してください。あなたはそれを追加する方法がわからないのはなぜ HTML

<div id="time"></div> 
    <div id="day"></div> 

Javascriptを

(function() { 
    function checkTime(i) { 
     return (i < 10) ? "0" + i : i; 
    } 

    function startTime() { 
    var today = new Date(), 
    ndays = [ 'Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday' ] 
    h = checkTime(today.getHours()), 
    m = checkTime(today.getMinutes()); 
    s = checkTime(today.getSeconds()); 
    dn = today.getDay(), 

    document.getElementById('time').innerHTML = h + ":" + m + ":" + s; 
    var d=ndays[dn]; 
    document.getElementById('day').innerHTML=d; 
    t = setTimeout(function() { 
    startTime() 
     }, 500); 
    } 
    startTime(); 
})();