img src="images\Upper bar.png" alt="Upper ove……,play,lt,新頁面" /> img src="images\Upper bar.png" alt="Upper overlay">div class="header">div class="wrapper">div class="right……" />
當前位置:首頁 > 科技 > 正文

在帶有onmousedown的Javascript/CSS中音頻剪切太快

提問開始:

我有一個問題,當我點擊一個鍊接時,我想播放一聲小小的蜂鳴聲,除非點擊被按住,否則它會被切斷。


  

Maddie's School Site_

如果它不是最幹淨的,很抱歉。我在web編程學校上了一個月的課,我們還沒有講過Javascript,所以我的知識有限。

回答開始:得票數 1

對于您編寫的播放beep onmousedown的代碼,在相同的元素上有一個href。這就是你的問題的原因。

    - Stuff I Made
- Stuff I wrote

簡而言之,當用戶單擊上面顯示的元素之一時,會發生兩件事。首先,開始播放嘟嘟聲,然後将用戶重定向到新頁面。當用戶被重定向到新頁面時,它将停止播放蜂鳴音(當加載新頁面時,它不會繼續當前頁面中正在進行的操作,如蜂鳴音)。

有幾種方法可以解決這個問題,這取決于您希望發生的事情。以下是我認為你可能正在嘗試的一些想法:

1.)如果你隻是想在你點擊标簽的時候播放蜂鳴聲,隻要去掉href,它就會正常工作,例如

    - Stuff I Made

2.)如果您希望播放beep,然後在beep播放完成後将用戶重定向到另一個頁面,則需要删除href。代替href,我們可以創建一個函數,它将等待嘟嘟聲的長度,然後使用javascript将用戶定向到新頁面。該函數将如下所示:

function handlePageChange() {
    beep.play(); // start playing the beep
    
    // wait (timeout) for three seconds while the beep plays
    setTimeout(function() {
        // then load the new page
        document.location.href = "made.html"; // the new page you want to open
    }, 3000); // 3000 is three seconds. Update it to however long your beep is
}

3.)如果希望在用戶加載新頁面時播放蜂鳴聲,隻需在希望播放的任何頁面的部分運行beep.play()即可。

4.)如果你想播放嘟嘟聲,并讓它毫無延遲地無縫地轉移到新頁面,那就有點複雜了。有各種各樣的解決方案,但something like this似乎是一緻的答案,但音頻不會完美過渡。

總結

以上是真正的電腦專家為你收集整理的在帶有onmousedown的Javascript/CSS中音頻剪切太快的全部内容,希望文章能夠幫你解決所遇到的問題。

如果覺得真正的電腦專家網站内容還不錯,歡迎将真正的電腦專家推薦給好友。

你可能想看:

有話要說...

取消
掃碼支持 支付碼