0

オーディオ クリップが終了する前の特定の時間 (ここでは 20 秒) に関数 (今のところアラートのみ) を呼び出そうとしています。なんらかの理由で機能しません。しばらく静かにトラブルシューティングした後でも、なぜ機能しないのかわかりません。ここに私のコードがありますhttp://jsfiddle.net/QUkHQ/

<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>
4

1 に答える 1

0

例: http://jsfiddle.net/howderek/Y2BCP/

問題は条件にあります: if (x.duration-x.currentTime<20)、変数を保存してcurrentTimeからチェックしたときに20未満であったため、期待される結果が得られました。ontimeupdateまた、個別のandを使用する用途が見当たらなかったaddEventListenerので、すべてをイベ​​ント リスナーによって呼び出される関数に移動しました。

また、HTML がスクリプトで肥大化しないように、スクリプトを外部ファイルに移動することをお勧めします。

Javascript（頭の中にあることを確認してください）：

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;
    }
}

HTML:

<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>
于 2013-02-18T14:19:53.067 に答える