javascript - 是否可以将javascript获取的时间提交到表单？

Question

此按钮显示视频媒体的当前播放时间

<button name="test" onclick="alert(Math.floor(document.getElementById('video').currentTime) + 'secs elapsed!');">Show elapsed time</button>

这个耗时显然每秒都在变化。

是否可以将此耗时提交到表单中？
如何自定义下面的代码？

<form action="/comments" method="post" >
    <input type="text" name="comment[body]" size="50" />
    <input type="hidden" name="comment[elapsed_time]" value="???????" />
    <button type="submit" >Submit!</button>
</form>

Answer 1

您想在提交表单之前使用 jQuery 设置值

$("form").submit(function(event) {
  var video = $("#video"),
      time  = Math.floor(video.currentTime) + 'secs elapsed!');
  $(this).find("input[name=comment\\[elapsed_time\\]").val(time);
});

<小时/>

如果您(可以)向输入添加 id 属性，那就更容易了

<input type="hidden" name="comment[elapsed_time]" id="comment_elapsed_time">

然后你的 jQuery 就变成这样了

$("form").submit(function(event) {
  var video = $("#video"),
      time  = Math.floor(video.currentTime) + 'secs elapsed!');
  $("#comment_elapsed_time").val(time);
});