calculer le temps écoulé

Question

calculer le temps écoulé

Demandé el 31 de Juillet, 2009: Quand la question a-t-elle été
37768 affichage: Nombre de visites la question a
5 Réponses: Nombre de réponses aux questions
Résolu: Situation réelle de la question

Cette question a déjà des réponses:

Comment mesurer le temps mis par une fonction à exécuter (5 réponses )

Je cherche des échantillons simples en JavaScript pour calculer le temps écoulé. Mon scénario est le suivant : pour un point spécifique de l'exécution du code JavaScript, je veux enregistrer une heure de début. Et à un autre point spécifique de l'exécution du code JavaScript, je veux enregistrer une heure de fin.

Ensuite, je veux calculer le temps écoulé sous la forme suivante : combien de jours, d'heures, de minutes et de secondes se sont écoulés entre l'heure de fin et l'heure de début, par exemple, 0 jour, 2 heures, 3 minutes et 10 secondes se sont écoulés. Avez-vous des exemples simples de référence ?)

Merci d'avance, George

Demandé el 31 de Juillet, 2009 par George2

Answer 1

5 Réponses

Answer 2

106voto

RaYell Points 26761

Essayez quelque chose comme ceci ( FIDDLE )

// record start time
var startTime = new Date();

...

// later record end time
var endTime = new Date();

// time difference in ms
var timeDiff = endTime - startTime;

// strip the ms
var timeDiff /= 1000;

// get seconds (Original had 'round' which incorrectly counts 0:28, 0:29, 1:30 ... 1:59, 1:0)
var seconds = Math.round(timeDiff % 60);

// remove seconds from the date
timeDiff = Math.floor(timeDiff / 60);

// get minutes
var minutes = Math.round(timeDiff % 60);

// remove minutes from the date
timeDiff = Math.floor(timeDiff / 60);

// get hours
var hours = Math.round(timeDiff % 24);

// remove hours from the date
timeDiff = Math.floor(timeDiff / 24);

// the rest of timeDiff is number of days
var days = timeDiff ;

Répondu el 31 de Juillet, 2009 par RaYell (26761 Points )

1 votes

La dernière ligne devrait être "var days = timeDiff ;". timeDays n'existe pas.

Commenté el 28 de Février, 2013 par ForOhFor

0 votes

Cela ne devrait-il pas être Math.floor() ?

Commenté el 2 de Mai, 2013 par Dr.YSG

0 votes

Je fais ceci : function ms2Time(ms) { var secs = ms / 1000 ; ms = Math.floor(ms % 1000) ; var minutes = secs / 60 ; secs = Math.floor(secs % 60) ; var hours = minutes / 60 ; minutes = Math.floor(minutes % 60) ; hours = Math.floor(hours % 24) ; return hours + " :" + minutes + " :" + secs + "." + ms ; } } }. + ms ; }

Commenté el 2 de Mai, 2013 par Dr.YSG

Afficher 3 autres commentaires

Answer 3

22voto

rp. Points 9997

Essayez ceci...

function Test()
{
    var s1 = new StopWatch();

    s1.Start();        

    // Do something.

    s1.Stop();

    alert( s1.ElapsedMilliseconds );
} 

// Create a stopwatch "class." 
StopWatch = function()
{
    this.StartMilliseconds = 0;
    this.ElapsedMilliseconds = 0;
}  

StopWatch.prototype.Start = function()
{
    this.StartMilliseconds = new Date().getTime();
}

StopWatch.prototype.Stop = function()
{
    this.ElapsedMilliseconds = new Date().getTime() - this.StartMilliseconds;
}

Répondu el 31 de Juillet, 2009 par rp. (9997 Points )

Answer 4

13voto

Ramiz Uddin Points 2624

J'espère que cela vous aidera :

<!doctype html public "-//w3c//dtd html 3.2//en">
<html>
<head>
<title>compute elapsed time in JavaScript</title>

<script type="text/javascript">

function display_c(start){
    window.start = parseFloat(start);
    var end = 0 // change this to stop the counter at a higher value
    var refresh=1000; // Refresh rate in milli seconds
    if(window.start >= end ){
        mytime=setTimeout('display_ct()',refresh)
    } else {
        alert("Time Over ");
    }
}

function display_ct() {
    // Calculate the number of days left
    var days=Math.floor(window.start / 86400);
    // After deducting the days calculate the number of hours left
    var hours = Math.floor((window.start - (days * 86400 ))/3600)
    // After days and hours , how many minutes are left
    var minutes = Math.floor((window.start - (days * 86400 ) - (hours *3600 ))/60)
    // Finally how many seconds left after removing days, hours and minutes.
    var secs = Math.floor((window.start - (days * 86400 ) - (hours *3600 ) - (minutes*60)))

    var x = window.start + "(" + days + " Days " + hours + " Hours " + minutes + " Minutes and " + secs + " Secondes " + ")";

    document.getElementById('ct').innerHTML = x;
    window.start= window.start- 1;

    tt=display_c(window.start);
}

function stop() {
    clearTimeout(mytime);
}

</script>

</head>
<body>

<input type="button" value="Start Timer" onclick="display_c(86501);"/> | <input type="button" value="End Timer" onclick="stop();"/>
<span id='ct' style="background-color: #FFFF00"></span>

</body>
</html>

Répondu el 31 de Juillet, 2009 par Ramiz Uddin (2624 Points )

0 votes

Bonne réponse. Comment faites-vous pour que le script démarre au chargement de la page ?

Commenté el 16 de Janvier, 2012 par rd42

0 votes

<body onload="display_c(86501) ;"> 86501 est l'heure Merci encore Ramiz.

Commenté el 16 de Janvier, 2012 par rd42

Answer 5

10voto

CMS Points 315406

Quelque chose comme un objet "chronomètre" me vient à l'esprit :

Utilisation :

var st = new Stopwatch();
st.start(); //Start the stopwatch
// As a test, I use the setTimeout function to delay st.stop();
setTimeout(function (){
            st.stop(); // Stop it 5 seconds later...
            alert(st.getSeconds());
            }, 5000);

Mise en œuvre :

function Stopwatch(){
  var startTime, endTime, instance = this;

  this.start = function (){
    startTime = new Date();
  };

  this.stop = function (){
    endTime = new Date();
  }

  this.clear = function (){
    startTime = null;
    endTime = null;
  }

  this.getSeconds = function(){
    if (!endTime){
    return 0;
    }
    return Math.round((endTime.getTime() - startTime.getTime()) / 1000);
  }

  this.getMinutes = function(){
    return instance.getSeconds() / 60;
  }      
  this.getHours = function(){
    return instance.getSeconds() / 60 / 60;
  }    
  this.getDays = function(){
    return instance.getHours() / 24;
  }   
}

Répondu el 31 de Juillet, 2009 par CMS (315406 Points )

0 votes

Je pense que ce truc est juste génial !

Commenté el 26 de Novembre, 2015 par Jonatas Walker

Answer 6

6voto

kayz1 Points 2412

var StopWatch = function (performance) {
    this.startTime = 0;
    this.stopTime = 0;
    this.running = false;
    this.performance = performance === false ? false : !!window.performance;
};

StopWatch.prototype.currentTime = function () {
    return this.performance ? window.performance.now() : new Date().getTime();
};

StopWatch.prototype.start = function () {
    this.startTime = this.currentTime();
    this.running = true;
};

StopWatch.prototype.stop = function () {
    this.stopTime = this.currentTime();
    this.running = false;
};

StopWatch.prototype.getElapsedMilliseconds = function () {
    if (this.running) {
        this.stopTime = this.currentTime();
    }

    return this.stopTime - this.startTime;
};

StopWatch.prototype.getElapsedSeconds = function () {
    return this.getElapsedMilliseconds() / 1000;
};

StopWatch.prototype.printElapsed = function (name) {
    var currentName = name || 'Elapsed:';

    console.log(currentName, '[' + this.getElapsedMilliseconds() + 'ms]', '[' + this.getElapsedSeconds() + 's]');
};

Point de repère

var stopwatch = new StopWatch();
stopwatch.start();

for (var index = 0; index < 100; index++) {
    stopwatch.printElapsed('Instance[' + index + ']');
}

stopwatch.stop();

stopwatch.printElapsed();

Sortie

Instance[0] [0ms] [0s]
Instance[1] [2.999999967869371ms] [0.002999999967869371s]
Instance[2] [2.999999967869371ms] [0.002999999967869371s]
/* ... */
Instance[99] [10.999999998603016ms] [0.010999999998603016s]
Elapsed: [10.999999998603016ms] [0.010999999998603016s]

performance.now() est optionnel - passez simplement false dans la fonction constructeur de StopWatch.

Répondu el 8 de Août, 2013 par kayz1 (2412 Points )

0 votes

El performance.now() Le lien est mort.

Commenté el 8 de Février, 2018 par reformed

calculer le temps écoulé

Réponses

Questions en vedette

Top Tags

Prograide.com

Powered by:

calculer le temps écoulé

Réponses

Questions en vedette

Top Tags

Dans notre réseau

Prograide.com

Powered by: