Maison > interface Web > Questions et réponses frontales > Convertissez des millisecondes en heures, minutes et secondes avec jquery

Convertissez des millisecondes en heures, minutes et secondes avec jquery

WBOY
Libérer: 2023-05-28 12:52:37
original
878 Les gens l'ont consulté

Aujourd'hui, nous allons explorer comment convertir des millisecondes au format heures minutes secondes à l'aide de jQuery. Étant donné que de nombreux programmes et applications doivent gérer des formats d'heure, il est souvent nécessaire de convertir les millisecondes en un format lisible d'heure, de minute et de seconde.

Dans ce tutoriel, nous utiliserons jQuery et JavaScript pour y parvenir. Nous allons créer une fonction personnalisée qui acceptera les millisecondes et les convertira au format heures minutes secondes.

Tout d'abord, jetons un œil à la formule pour convertir les millisecondes :

var milliseconds = 1000;
var seconds = 60;
var minutes = 60;
var hours = 24;
var days_to_milliseconds = 86400000;

var current_time_in_milliseconds = new Date().getTime();
var time_difference_in_milliseconds = current_time_in_milliseconds - start_time_in_milliseconds;

var seconds_since_start = Math.floor(time_difference_in_milliseconds / milliseconds);
var minutes_since_start = Math.floor(seconds_since_start / seconds);
var hours_since_start = Math.floor(minutes_since_start / minutes);
var days_since_start = Math.floor(hours_since_start / hours);

// Display the result in the console
console.log(days_since_start + ' days, ' + hours_since_start % 24 + ' hours, ' + minutes_since_start % 60 + ' minutes, and ' + seconds_since_start % 60 + ' seconds since start.');
Copier après la connexion

Appliquons maintenant cette formule à notre fonction jQuery pour convertir les millisecondes :

function millisecondsToTime(ms) {
  var milliseconds = 1000;
  var seconds = 60;
  var minutes = 60;
  var hours = 24;
  var days_to_milliseconds = 86400000;

  var time_difference_in_milliseconds = ms;

  var seconds_since_start = Math.floor(time_difference_in_milliseconds / milliseconds);
  var minutes_since_start = Math.floor(seconds_since_start / seconds);
  var hours_since_start = Math.floor(minutes_since_start / minutes);
  var days_since_start = Math.floor(hours_since_start / hours);

  // Format the result
  var result = '';
  if (days_since_start > 0) {
    result += days_since_start + '天 ';
  }
  if (hours_since_start > 0) {
    result += hours_since_start % 24 + '小时 ';
  }
  if (minutes_since_start > 0) {
    result += minutes_since_start % 60 + '分钟 ';
  }

  // Add the seconds
  result += seconds_since_start % 60 + '秒';

  return result;
}
Copier après la connexion

Dans la fonction ci-dessus, nous avons Une variable est créée pour l'unité de temps et le décalage horaire est arrondi à l'entier le plus proche à l'aide de la fonction plancher. Nous avons ensuite calculé la quantité de chaque unité de temps en fonction du décalage horaire et l'avons ajouté à la chaîne de résultat si nécessaire.

Il ne nous reste plus qu'à transmettre le nombre requis de millisecondes à notre fonction personnalisée et elle renverra la chaîne de temps formatée convertie. Notre fonction peut être appelée comme ceci :

var milliseconds = 500000; // This is the number of milliseconds we want to convert
var time_string = millisecondsToTime(milliseconds);
console.log(time_string); // Outputs "8分钟 20秒"
Copier après la connexion

Dans le code ci-dessus, nous passons 500 000 millisecondes à notre fonction personnalisée et attribuons la chaîne renvoyée à une variable. Enfin, nous affichons la chaîne de résultat dans la console, qui apparaîtra sous la forme « 8 minutes et 20 secondes ».

Résumé

Dans cet article, nous avons expliqué comment convertir des millisecondes en un format d'heure, de minute et de seconde lisible à l'aide de jQuery et JavaScript. En écrivant une fonction personnalisée et en arrondissant la différence de temps à l'entier le plus proche, nous pouvons créer une chaîne de temps formatée. Cette méthode peut être utilisée dans de nombreuses applications et programmes, notamment ceux qui nécessitent du temps de traitement.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal