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
DDDoriginal
2024-12-01 02:56:10511parcourir

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;
}

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

alert("5678".toHHMMSS());

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!

Déclaration:
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