Javascript 通过按钮将HTML5时间码添加到文本区域

Javascript 通过按钮将HTML5时间码添加到文本区域,javascript,html,video,Javascript,Html,Video,在中,有人问如何将HTML5视频的currentTime属性传递到文本区域。不只是显示当前时间,我想在按下按钮时将当前时间插入文本区域。并且能够多次这样做 我创建公司视频,我想制作一个页面,人们可以在其中观看他们视频的预览,并插入当前时间码,以便对视频的这一部分进行评论 谢谢。您可以使用很多相同的代码。只需将事件处理程序设置为自己的函数,并使用按钮中的oncilck调用它: function showTime() { var theText = document.getElementBy

在中,有人问如何将HTML5视频的currentTime属性传递到文本区域。不只是显示当前时间,我想在按下按钮时将当前时间插入文本区域。并且能够多次这样做

我创建公司视频,我想制作一个页面,人们可以在其中观看他们视频的预览,并插入当前时间码,以便对视频的这一部分进行评论


谢谢。

您可以使用很多相同的代码。只需将事件处理程序设置为自己的函数,并使用按钮中的
oncilck
调用它:

function showTime() {
    var theText = document.getElementById('text1');
    var theVideo = document.getElementById('video1');
    curTime = theVideo.currentTime;
    curSecs = Math.floor((curTime % 60));

    curTimeText = "\n" + Math.floor( curTime / 60 ) + ":" + ((curSecs < 10)?'0'+curSecs:curSecs);

    theText.value = theText.value + curTimeText;
});
函数showTime(){
var theText=document.getElementById('text1');
var theVideo=document.getElementById('video1');
curTime=视频.currentTime;
curSecs=数学地板((curTime%60));
curTimeText=“\n”+数学楼层(curTime/60)+:“+((curSecs<10)?'0'+curSecs:curSecs);
text.value=text.value+curTimeText;
});
HTML:


显示当前时间

这是一个工作示例:

var timeGetter=document.getElementById(“timeGetter”),
video=document.getElementById(“视频”),
comment=document.getElementById(“comment”);
document.getElementById(“timeGetter”).addEventListener(“单击”,函数(e){
e、 预防默认值();
comment.value=comment.value+“\n”+video.currentTime;
});


您必须显示一些代码,并显示您遇到问题的部分。Brilliant。谢谢。能不能用几分钟和几秒钟代替几秒钟?e、 g.02:45@Malcolm当然可以!你可以用简单的数学,检查这个答案
<video width="100%" controls id="video1">
    <source type="video/mp4" src="">
</video>
<textarea id="text1" cols="20" rows="10"></textarea>
<button onclick="showTime()">Show current time</button>