Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
简单Javascript-HTML5音频,20秒前调用函数。结束_Javascript_Html_Audio - Fatal编程技术网

简单Javascript-HTML5音频,20秒前调用函数。结束

简单Javascript-HTML5音频,20秒前调用函数。结束,javascript,html,audio,Javascript,Html,Audio,我试图在音频剪辑结束前的特定时间(此处为20秒)调用函数(目前仅为警报)。由于某种原因,它不工作,在故障排除了一段时间后,我仍然不知道为什么它不工作。这是我的密码 您的浏览器不支持音频元素 0/0 玩 暂停 跳过 不适用 document.getElementById(“track”).addEventListener('timeupdate',checkdif,false) x=document.getElementById('track'); 函数checkdif() { //警报(doc

我试图在音频剪辑结束前的特定时间(此处为20秒)调用函数(目前仅为警报)。由于某种原因,它不工作,在故障排除了一段时间后,我仍然不知道为什么它不工作。这是我的密码


您的浏览器不支持音频元素

0/0 玩 暂停 跳过 不适用 document.getElementById(“track”).addEventListener('timeupdate',checkdif,false) x=document.getElementById('track'); 函数checkdif() { //警报(document.getElementById('track').currentTime); document.getElementById('time').innerHTML=x.duration-x.currentTime}; 如果(x.duration-x.currentTimeExample: 问题在于条件:
if(x.duration-x.currentTime
<audio id="track" src="http://upload.wikimedia.org/wikipedia/commons/a/a9/Tromboon-    sample.ogg"
       ontimeupdate="document.getElementById('tracktime').innerHTML = this.currentTime     + ' / ' + this.duration;">
    <p>Your browser does not support the audio element</p>
</audio>
<span id="tracktime" style="display:block;width:100px;">0 / 0</span>  
<button onclick="document.getElementById('track').play();">Play</button>
<button onclick="document.getElementById('track').pause();">Pause</button>
<button onclick="document.getElementById('track').currentTime = 10;">skip</button>
<span id="time" onclick="this.innerHTML = document.getElementById('track').currentTime     ;"> n/a </span>
<script>
document.getElementById("track").addEventListener('timeupdate',checkdif,false)

x=document.getElementById('track');

function checkdif()
{
// alert(document.getElementById('track').currentTime);
document.getElementById('time').innerHTML = x.duration-x.currentTime};
if (x.duration-x.currentTime<20)
{
alert(); 
}
</script> 
var alertSent = false;
var obj = document.getElementById('track');
document.getElementById("track").addEventListener('timeupdate', checkTime, false)

function checkTime() {
    document.getElementById('tracktime').innerHTML = obj.currentTime + ' / ' + obj.duration;
    var timeRemaining = obj.duration - obj.currentTime;
    document.getElementById('time').innerHTML = timeRemaining;
    if (timeRemaining < 20 && !alertSent) {
        alert("Hello");
        alertSent = true;
    }
}
<audio id="track" src="http://upload.wikimedia.org/wikipedia/commons/a/a9/Tromboon-sample.ogg">
    <p>Your browser does not support the audio element</p>
</audio>
<span id="tracktime" style="display:block;width:100px;">0 / 0</span>

<button onclick="document.getElementById('track').play();">Play</button>
<button onclick="document.getElementById('track').pause();">Pause</button>
<button onclick="document.getElementById('track').currentTime = 10;">skip</button>
<span id="time"> n/a </span>