js如何把duration转为时分秒

2024-10-13 22:02:09

1、首先看下简单的HTML代码,代码里用video控件显示了一个视频。

js如何把duration转为时分秒

2、然后用JS把视频的播放时间duration获取到,然后显示在一个span控件上,显示的一个以秒为单位的数字。如图

js如何把duration转为时分秒

3、这时运行页面得到的显示是一个以秒为单位的数据。

js如何把duration转为时分秒

4、要把这个数据显示成时分秒,我们需要添加一些逻辑,我们添加一个function来转换,新方法里我们先判断传进来的参数second是否大于60,只有大于60才会有分钟,小于60则直接显示多少秒就行了,小时数也同样道理,先判断分钟数是否大于60。最后在显示时加上中文的分秒就行了,代码如图

js如何把duration转为时分秒

5、再次运行页面,可以看到现在的显示是有分秒了。

js如何把duration转为时分秒

6、但细看一下,我们显示的是4分13秒,但显示上显示的是4分14秒,少了一秒...

js如何把duration转为时分秒

7、原来在格式化的function里,把秒数的小数点给舍掉了。把代码 second = parseInt(second); 改成s髫潋啜缅econd = Math.ceil(second);就行了。Math.ceil是向上舍去的,即小数位只要有数,就会向上进一。比如Math.ceil(11.01) = 12

js如何把duration转为时分秒

8、修改好后,再次刷新页面,可以看到现在的结果正确了。

js如何把duration转为时分秒
猜你喜欢