几种实用的JavaScript鼠标特效,在我们平时网页设计中，鼠标特效可以说是常常会用到，那么今天我们来讲讲通过JS代码实现一些实用的鼠标特效，希望对大家有用。......
2023-03-17 531 JAVASCRIPT 鼠标
js如何把duration转为时分秒
来源：互联网
2023-03-16 23:56:59 151
今天在用HTML5显示视频时，发现用JS获取到视频的duration（时长）时，获取到的值是以秒为单位的数值，怎么把这个数值转换成时分秒来显示？下面一起来看下。
方法/步骤
首先看下简单的HTML代码，代码里用video控件显示了一个视频。
然后用JS把视频的播放时间duration获取到，然后显示在一个span控件上，显示的一个以秒为单位的数字。如图
这时运行页面得到的显示是一个以秒为单位的数据。
要把这个数据显示成时分秒，我们需要添加一些逻辑，我们添加一个function来转换，新方法里我们先判断传进来的参数second是否大于60，只有大于60才会有分钟，小于60则直接显示多少秒就行了，小时数也同样道理，先判断分钟数是否大于60。最后在显示时加上中文的分秒就行了，代码如图
再次运行页面，可以看到现在的显示是有分秒了。
但细看一下，我们显示的是4分13秒，但显示上显示的是4分14秒，少了一秒...
原来在格式化的function里，把秒数的小数点给舍掉了。
把代码 second = parseInt(second); 改成second = Math.ceil(second);就行了。
Math.ceil是向上舍去的，即小数位只要有数，就会向上进一。比如
Math.ceil(11.01） = 12
修改好后，再次刷新页面，可以看到现在的结果正确了。
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
标签： JAVASCRIPT
上一篇：移动端实现内滚动方法 下一篇：使用chrome浏览器调试时的搜索技巧
相关文章
- 详细阅读
-
如何开始学习javascript详细阅读
如何开始学习javascript,html是网页的内容，c是网页的格式，h是网站的后台，j是网站的前端，那么如何学习j，才能高效？......
2023-03-17 257 JAVASCRIPT
- 详细阅读