


Comment convertir les secondes au format d'heure hh:mm:ss en JavaScript ?
Dec 01, 2024 am 02:56 AMConversion 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!

Article chaud

Outils chauds Tags

Article chaud

Tags d'article chaud

Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Sujets chauds

Remplacer les caractères de chaîne en javascript

jQuery Vérifiez si la date est valide

jQuery obtient un rembourrage / marge d'élément

10 vaut la peine de vérifier les plugins jQuery

Http débogage avec le nœud et le http-console

jQuery Ajouter une barre de défilement à div

Tutoriel de configuration de l'API de recherche Google personnalisé
