关于duration
来源:3-1 play、pause、duration
慕标5156652
2020-07-18 17:42:17
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<video src="../data/imooc.mp4" controls id="myvideo"></video>
<div id="stopbtn">暂停</div>
<div id="playbtn">播放</div>
<script>
var videoNode = document.getElementById("myvideo");
var stopbtn=document.getElementById("stopbtn");
var playbtn=document.getElementById("playbtn");
// console.log(videoNode.duration);
setTimeout(function(){
console.log(videoNode.duration);
},1000);
</script>
</body>
</html>
这样写打印出来的是206.485333
视频长度为206秒 后面的小数为是加载时间的长度吗
3回答
好帮手慕粉
2020-07-18
同学计算错了,应该是取模运算符%,而不是*:

结果:

好帮手慕粉
2020-07-18
同学你好,打印出来的这个值,就是视频的总时间:

只不过我们在显示时间时,显示不了那么精确的时间,一般都是显示到小数点后两位:

如果我的回答帮助了你,欢迎采纳。祝学习愉快~
慕标5156652
提问者
2020-07-18
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<video src="../data/imooc.mp4" controls id="myvideo"></video>
<div id="stopbtn">暂停</div>
<div id="playbtn">播放</div>
<script>
var videoNode = document.getElementById("myvideo");
var stopbtn=document.getElementById("stopbtn");
var playbtn=document.getElementById("playbtn");
// console.log(videoNode.duration); //Nan 未加载完
setTimeout(function(){
// console.log(videoNode.duration);
var min=parseInt(videoNode.duration/60);
var sec=parseInt(videoNode.duration*60);
console.log(min+":"+sec);
},1000);
</script>
</body>
</html>
这样写 console.log的时间为3:12389
但是视频是3:26啊 这个是什么原因呢
相似问题
回答 1
回答 1