recherche
Maisoninterface WebQuestions et réponses frontalesComment convertir le temps et les secondes en javascript

En JavaScript, il est souvent nécessaire de convertir le temps en secondes, ce qui facilite le calcul et le traitement. Ci-dessous, nous verrons comment convertir le temps en secondes et comment convertir les secondes en temps.

1. Convertir le temps en secondes

Voici le code JavaScript pour convertir le temps en secondes :

function timeToSeconds(time) {
  var hhmmss = time.split(':');
  var hours = parseInt(hhmmss[0], 10);
  var minutes = parseInt(hhmmss[1], 10);
  var seconds = parseInt(hhmmss[2], 10);
  var totalSeconds = (hours * 60 * 60) + (minutes * 60) + seconds;
  return totalSeconds;
}

Cette fonction accepte un paramètre de chaîne représentant l'heure, tel que "12:30:45". La fonction divise une chaîne de temps en heures, minutes et secondes et les convertit en nombres. Il les convertit ensuite en secondes totales en utilisant la formule suivante :

Secondes totales = heures x 60 x 60 + minutes x 60 + secondes

Le résultat renvoyé est un entier représentant le nombre total de secondes.

2. Convertir les secondes en temps

Voici le code JavaScript pour convertir les secondes en temps :

function secondsToTime(seconds) {
  var hours = Math.floor(seconds / 3600);
  var minutes = Math.floor((seconds - (hours * 3600)) / 60);
  var seconds = seconds - (hours * 3600) - (minutes * 60);
  var time = hours.toString().padStart(2, '0') + ':' + minutes.toString().padStart(2, '0') + ':' + seconds.toString().padStart(2, '0');
  return time;
}

Cette fonction accepte un paramètre entier représentant le nombre de secondes. La fonction convertit les secondes en heures, minutes et secondes en utilisant la formule suivante :

heures = secondes ÷ 3600
minutes = (secondes - (heures x 3600)) ÷ 60
secondes = secondes - (heures x 3600) - (minutes x 60)

Ensuite, la fonction convertit ces valeurs en une chaîne représentant l'heure, telle que "12:30:45". Cette chaîne concatène les heures, les minutes et les secondes et ajoute un zéro devant elles pour garantir qu'elles comportent toujours deux chiffres.

3. Exemple

Voici un exemple d'utilisation de ces fonctions en JavaScript :

var time = '03:45:12';
var seconds = timeToSeconds(time);
console.log("总秒数:" + seconds);

var totalSeconds = 12345;
var time = secondsToTime(totalSeconds);
console.log("时间:" + time);

Cela affichera :

Secondes totales : 13512
Heure : 03:35:12

Ces fonctions sont très pratiques car elles Les temps peuvent être convertis sous une forme calculable et les secondes peuvent être converties sous une forme lisible. Ces fonctions peuvent rendre la tâche de gestion du temps très simple lors de l'écriture d'applications JavaScript.

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
Quelles sont les limites de la réaction?Quelles sont les limites de la réaction?May 02, 2025 am 12:26 AM

React'slimitations incluse: 1) asteeplearningCurveTeetoitSvastecosystème, 2) SeochallegenSwithClient-Sideredering, 3) PotentialPormancesuesesuesInlareApplications, 4) complexstatemangationAppsgrow, and5) thendeedtokeepupwithetsrapidevolution.thesfacteurs

Courbe d'apprentissage de React: défis pour les nouveaux développeursCourbe d'apprentissage de React: défis pour les nouveaux développeursMay 02, 2025 am 12:24 AM

ReactisChallengingForbeginnersDuetOtsSteepLearningCurveandParadigmshiftTocomponent-BasedArchitecture.1) startwithofficialDocumentationforasolidfoundation.2) comprendjsxandhowtoembedjavascriptwithinit.3)

Générer des clés stables et uniques pour les listes dynamiques dans la réactionGénérer des clés stables et uniques pour les listes dynamiques dans la réactionMay 02, 2025 am 12:22 AM

TheCorechallengeingEneratingStable and UniqueKeysfordynamiclistsInReacsensUringConsistentifIendentiveriersafrossre-RendersforefficEntedDomupdates.1) usenaturalkeyswhenpossible, astheyareReliableFunieandandsable.2) GeneraSyTheticKeysBasedonMultipleatTrUtid.

Fatigue JavaScript: rester à jour avec React et ses outilsFatigue JavaScript: rester à jour avec React et ses outilsMay 02, 2025 am 12:19 AM

JavascriptfatigueIrAratingManagable avec des stratégies comme une justice dans le sens

Tester des composants qui utilisent le crochet USESTATE ()Tester des composants qui utilisent le crochet USESTATE ()May 02, 2025 am 12:13 AM

TOTESTREACTPONENTENTS USINGHEUSESTATATEHOOK, Utilisez JestAndreCtTestSingLibraryTosiMulaterInteractions andVerifyStateChangeSintheUi.1) rendethecomponentandCheckInitialState.2) simuleUseractionSlikeclickSorFormSubMessions.3)

Clés dans React: une plongée profonde dans les techniques d'optimisation des performancesClés dans React: une plongée profonde dans les techniques d'optimisation des performancesMay 01, 2025 am 12:25 AM

KeysInreactaRuCrucialForoptimizingPerformanceByAidingInIeFicientListupDates.1) UseKeyStoidentifyAndTrackListeLelements.2) EvitusingArrayIndevices aykeystopReventPerformanceIssues.3) ChoosestablerifierserSikeLiDetem.idtOMAINTAINCOMPOINTSTATEANDDIMPROVEPORES

Que sont les clés dans la réaction?Que sont les clés dans la réaction?May 01, 2025 am 12:25 AM

ReactKeysareUniqueIdentifiants utilisés à la mise en place de la fin de la forme de conciliation.1) Ils sont devenus à la recherche de bilans de liste, 2) en utilisant des demandes et des identifications de liaison liés à la recommandation, 3)

L'importance des clés uniques dans la réaction: éviter les pièges communsL'importance des clés uniques dans la réaction: éviter les pièges communsMay 01, 2025 am 12:19 AM

UNIQUELYYSARECRUCIALINGREACTFOROPTIMIZERINGRENDERINGAnDSALINGAPONontStAtTate Intelectrity.1) useanaturalineIdentifierfromyOrdataifavailable.2) ifnonaturalientifierexists, générationauqueKeyUsingalibraryLIVEUID.3) EviturAnArrayIndevicesSkeys, Empestiall

See all articles

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

Video Face Swap

Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Outils chauds

SublimeText3 Linux nouvelle version

SublimeText3 Linux nouvelle version

Dernière version de SublimeText3 Linux

mPDF

mPDF

mPDF est une bibliothèque PHP qui peut générer des fichiers PDF à partir de HTML encodé en UTF-8. L'auteur original, Ian Back, a écrit mPDF pour générer des fichiers PDF « à la volée » depuis son site Web et gérer différentes langues. Il est plus lent et produit des fichiers plus volumineux lors de l'utilisation de polices Unicode que les scripts originaux comme HTML2FPDF, mais prend en charge les styles CSS, etc. et présente de nombreuses améliorations. Prend en charge presque toutes les langues, y compris RTL (arabe et hébreu) ​​et CJK (chinois, japonais et coréen). Prend en charge les éléments imbriqués au niveau du bloc (tels que P, DIV),

Listes Sec

Listes Sec

SecLists est le compagnon ultime du testeur de sécurité. Il s'agit d'une collection de différents types de listes fréquemment utilisées lors des évaluations de sécurité, le tout en un seul endroit. SecLists contribue à rendre les tests de sécurité plus efficaces et productifs en fournissant facilement toutes les listes dont un testeur de sécurité pourrait avoir besoin. Les types de listes incluent les noms d'utilisateur, les mots de passe, les URL, les charges utiles floues, les modèles de données sensibles, les shells Web, etc. Le testeur peut simplement extraire ce référentiel sur une nouvelle machine de test et il aura accès à tous les types de listes dont il a besoin.

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

MantisBT

MantisBT

Mantis est un outil Web de suivi des défauts facile à déployer, conçu pour faciliter le suivi des défauts des produits. Cela nécessite PHP, MySQL et un serveur Web. Découvrez nos services de démonstration et d'hébergement.