0

0

javascript怎么实现时间和秒的互转

PHPz

PHPz

发布时间:2023-04-06 09:08:33

|

3573人浏览过

|

来源于php中文网

原创

javascript中经常需要将时间转换为秒数,这样便于计算和处理。下面,我们将讨论如何将时间转换为秒,以及如何将秒转换为时间。

一、将时间转换为秒

下面是将时间转换为秒的JavaScript代码:

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

这个函数接受一个表示时间的字符串参数,例如"12:30:45"。函数将时间字符串拆分为小时、分钟和秒,并将它们转换为数字。然后,它使用以下公式将它们转换为总秒数:

总秒数 = 小时 x 60 x 60 + 分钟 x 60 + 秒

立即学习Java免费学习笔记(深入)”;

返回的结果是一个表示总秒数的整数。

二、将秒转换为时间

下面是将秒转换为时间的JavaScript代码:

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

这个函数接受一个表示秒数的整数参数。函数使用以下公式将秒数转换为小时、分钟和秒:

通义灵码
通义灵码

阿里云出品的一款基于通义大模型的智能编码辅助工具,提供代码智能生成、研发智能问答能力

下载

小时 = 秒数 ÷ 3600
分钟 = (秒数 - (小时 x 3600)) ÷ 60
秒 = 秒数 - (小时 x 3600) - (分钟 x 60)

接下来,函数将这些值转换为表示时间的字符串,例如"12:30:45"。这个字符串是将小时、分钟和秒连接起来,并在它们前面添加一个零,以确保它们始终有两个数字。

三、实例

下面是如何在JavaScript中使用这些功能的实例:

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

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

这将输出:

总秒数:13512
时间:03:35:12

这些函数非常实用,因为它们可以将时间转换为可计算的形式,并且可以将秒转换为可读的形式。在编写JavaScript应用程序时,这些函数可以使处理时间的任务变得非常简单。

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
c++ 根号
c++ 根号

本专题整合了c++根号相关教程,阅读专题下面的文章了解更多详细内容。

22

2026.01.23

c++空格相关教程合集
c++空格相关教程合集

本专题整合了c++空格相关教程,阅读专题下面的文章了解更多详细内容。

24

2026.01.23

yy漫画官方登录入口地址合集
yy漫画官方登录入口地址合集

本专题整合了yy漫画入口相关合集,阅读专题下面的文章了解更多详细内容。

99

2026.01.23

漫蛙最新入口地址汇总2026
漫蛙最新入口地址汇总2026

本专题整合了漫蛙最新入口地址大全,阅读专题下面的文章了解更多详细内容。

132

2026.01.23

C++ 高级模板编程与元编程
C++ 高级模板编程与元编程

本专题深入讲解 C++ 中的高级模板编程与元编程技术,涵盖模板特化、SFINAE、模板递归、类型萃取、编译时常量与计算、C++17 的折叠表达式与变长模板参数等。通过多个实际示例,帮助开发者掌握 如何利用 C++ 模板机制编写高效、可扩展的通用代码,并提升代码的灵活性与性能。

15

2026.01.23

php远程文件教程合集
php远程文件教程合集

本专题整合了php远程文件相关教程,阅读专题下面的文章了解更多详细内容。

65

2026.01.22

PHP后端开发相关内容汇总
PHP后端开发相关内容汇总

本专题整合了PHP后端开发相关内容,阅读专题下面的文章了解更多详细内容。

61

2026.01.22

php会话教程合集
php会话教程合集

本专题整合了php会话教程相关合集,阅读专题下面的文章了解更多详细内容。

63

2026.01.22

宝塔PHP8.4相关教程汇总
宝塔PHP8.4相关教程汇总

本专题整合了宝塔PHP8.4相关教程,阅读专题下面的文章了解更多详细内容。

33

2026.01.22

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号