2017-12-07 10 views
0

자바 스크립트 (Jquery)에서 밀리 초 단위로 시계를 만드는 법을 알아 냈습니다 (스 니펫 참조). 그러나 밀리 초 단위로만 크로노 미터를 만드는 방법을 알 수 없습니다. 내가 "밀리"의 값에 1000을 추가하는 루프를 만들려고하지만 내 상태가 결코 당신은 날짜 API에 getTime 기능을 사용할 수 있습니다 완전히Javascript에서 밀리 초 크로노 미터를 만드는 방법은 무엇입니까?

// START CLOCK SCRIPT 
 

 
Number.prototype.pad = function(n) { 
 
    for (var r = this.toString(); r.length < n; r = 0 + r); 
 
    return r; 
 
}; 
 

 
function updateClock() { 
 
    var now = new Date(); 
 
    var milli = now.getMilliseconds(), 
 
    sec = now.getSeconds(), 
 
    min = now.getMinutes(), 
 
    hou = now.getHours(), 
 
    mo = now.getMonth(), 
 
    dy = now.getDate(), 
 
    yr = now.getFullYear(); 
 
    var months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]; 
 
    var tags = ["mon", "d", "y", "h", "m", "s", "mi"], 
 
    corr = [months[mo], dy, yr, hou.pad(2), min.pad(2), sec.pad(2), milli]; 
 
    for (var i = 0; i < tags.length; i++) 
 
    document.getElementById(tags[i]).firstChild.nodeValue = corr[i]; 
 
} 
 

 
function initClock() { 
 
    updateClock(); 
 
    window.setInterval("updateClock()", 1); 
 
} 
 

 
// END CLOCK SCRIPT
body {background-color:#666;} 
 

 
#timedate { 
 
    font: small-caps bold 43px/150% Arial, Helvetica, sans-serif; 
 
    text-align:left; 
 
    width: 50%; 
 
    margin: 20px auto; 
 
    color:#333; 
 
    border-left: 20px solid yellow; 
 
    padding: 20px; 
 
}
<body onLoad="initClock()"> 
 

 
    <div id="timedate"> 
 
    <a id="mon">January</a> 
 
    <a id="d">1</a>, 
 
    <a id="y">0</a><br /> 
 
    <a id="h">12</a> : 
 
    <a id="m">00</a>: 
 
    <a id="s">00</a>: 
 
    <a id="mi">000</a> 
 
    </div>

+1

스톱워치를 수행하는 스크립트를 찾으십시오. 위 코드는 현재 시간을 읽습니다. – epascarello

답변

2

작동하지 않습니다, 그것은 밀리 번호 뒤에를 반환 1970/01/01.

function updateClock(initTime) { 
    var now = new Date(); 
    var milli = now.getTime() - initTime; 
    document.getElementById('timedate').innerHTML = milli; 
} 

function initClock() { 
    var initTime = new Date().getTime(); 
    updateClock(); 
    window.setInterval(updateClock, 1, initTime); 
}