Php 如何使用jquery获取音频当前时间并显示消息

Php 如何使用jquery获取音频当前时间并显示消息,php,jquery,html,audio,Php,Jquery,Html,Audio,我需要帮助。我想获取html5音频当前时间,并显示指定时间的消息 我从网上查到一些密码。请参阅下面的代码 HTML <audio id="track" controls><source src="[sourceToAudioFile]" type="audio/mpeg"></audio> <input type="text" id="currentTime"> <div id="message"></div> 你知道

我需要帮助。我想获取html5音频当前时间,并显示指定时间的消息

我从网上查到一些密码。请参阅下面的代码

HTML

<audio id="track" controls><source src="[sourceToAudioFile]" type="audio/mpeg"></audio> 
<input type="text" id="currentTime">
<div id="message"></div>


你知道这个代码有什么问题吗?我真的很感谢你的帮助。提前非常感谢。

我在代码的
JavaScript
部分做了一些更改

<script type="text/javascript">
    $(document).ready(function () {
        var audio = document.getElementById('track');
        audio.addEventListener('timeupdate', function () {
            var timeSet = 1.694568;
            var _currentTime = parseFloat(audio.currentTime);                

            $('#currentTime').val(_currentTime);
            $('#timeset').text(_currentTime);

            if (_currentTime === timeSet) {
                $("#message").text('Equal time!');
            }

        }, false);

    });
</script>

这是。

@Rohit416非常感谢您帮助我完成这项任务。 我添加了
Math.round
,这样我可以得到整数的精确值来显示消息

 $(document).ready(function () {
        var audio = document.getElementById('track');
        audio.addEventListener('timeupdate', function () {
          var timeSet = 5;
          var _currentTime = Math.round(audio.currentTime);

          $('#currentTime').val(_currentTime);
          $('#timeset').text(_currentTime);

          if (_currentTime === timeSet) {
            $("#message").text('Equal time!');
          }else{
            $("#message").text('NO');
          }

        }, false);

    });

以下是更新后的工作示例:

此代码遇到了什么问题?@Rohit416我无法在指定的时间内显示消息。我检查了控制台语句,结果显示
\u currentTime
似乎从未与
时间集的确切值匹配,可能是由于搜索的间隔步骤除此之外,代码没有任何错误,但它只需要很少的修改,因为必须匹配
时间集
的精确分数值。请寻找资源。检查。那么,我如何使它等于音频的当前时间?似乎有一个当前时间的十进制值,如果有人能够解决如何使它成为精确的秒数。非常感谢你的帮助。我想要一个精确的数字,比如10秒。实际上,它会根据我喜欢的设置而改变。
$(document).ready(function () {
    var audio = document.getElementById('track');
    audio.addEventListener('timeupdate', function () {
      var timeSet = 10;
      var _currentTime = Math.round(audio.currentTime);

      $('#currentTime').val(_currentTime);
      $('#timeset').text(_currentTime);

      if (_currentTime === timeSet) {
        $("#message").text('Equal time!');
      }
    }, false);
});
 $(document).ready(function () {
        var audio = document.getElementById('track');
        audio.addEventListener('timeupdate', function () {
          var timeSet = 5;
          var _currentTime = Math.round(audio.currentTime);

          $('#currentTime').val(_currentTime);
          $('#timeset').text(_currentTime);

          if (_currentTime === timeSet) {
            $("#message").text('Equal time!');
          }else{
            $("#message").text('NO');
          }

        }, false);

    });