Maison > interface Web > js tutoriel > Comment convertir les secondes au format d'heure hh:mm:ss en JavaScript ?

Comment convertir les secondes au format d'heure hh:mm:ss en JavaScript ?

DDD
Libérer: 2024-12-01 02:56:10
original
445 Les gens l'ont consulté

How to Convert Seconds to hh:mm:ss Time Format in JavaScript?

Conversion des secondes en chaînes de temps séparées par deux points au format hh:mm:ss

Conversion d'une durée de secondes en une heure lisible par l'homme une chaîne au format hh:mm:ss peut être une tâche courante dans le développement Web. Ceci est particulièrement utile pour afficher la durée de lecture multimédia, les minuteries ou tout autre scénario où une représentation temporelle précise est requise.

Explorons un extrait JavaScript simple et efficace qui effectue cette conversion de manière transparente :

String.prototype.toHHMMSS = function () {
    var sec_num = parseInt(this, 10); // don't forget the second param
    var hours   = Math.floor(sec_num / 3600);
    var minutes = Math.floor((sec_num - (hours * 3600)) / 60);
    var seconds = sec_num - (hours * 3600) - (minutes * 60);

    if (hours   < 10) {hours   = "0"+hours;}
    if (minutes < 10) {minutes = "0"+minutes;}
    if (seconds < 10) {seconds = "0"+seconds;}
    return hours+':'+minutes+':'+seconds;
}
Copier après la connexion

Voici comment utiliser cette fonction pour convertir les secondes en la chaîne de temps souhaitée :

alert("5678".toHHMMSS());
Copier après la connexion

Cela affichera la chaîne "1:34:38" au format hh:mm:ss. La fonction prend en charge le remplissage par zéro des heures, des minutes et des secondes si elles sont inférieures à 10 afin de conserver le formatage souhaité.

Pour illustrer cela davantage, considérons un scénario dans lequel vous disposez d'un lecteur multimédia affichant le durée écoulée d'une vidéo. À l'aide de cet extrait, vous pouvez mettre à jour dynamiquement l'affichage de l'heure chaque seconde pour fournir une indication précise de l'heure à l'utilisateur.

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