2017-12-07 4 views
0

Ich habe gefunden, wie man eine Uhr mit Millisekunden in Javascript (Jquery) macht (siehe Schnipsel), aber ich kann nicht herausfinden, wie man einen Chronometer nur in Millisekunden macht. Ich habe versucht, eine Schleife auf den Wert von „milli“ Zugabe von 1000 zu machen, aber mein Zustand funktioniert nie vollständigWie erstellt man einen Millisekunden-Chronometer in 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

Suchen Sie also nach einem Skript, das eine Stoppuhr ausführt. Dieser Code oben liest nur die aktuelle Uhrzeit – epascarello

Antwort

2

Sie die getTime Funktion Datum API verwenden kann, gibt es Millisekunden Zahl nach 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); 
} 
Verwandte Themen