Javascript 如何在页面I'上启动延迟声音；我将要导航到？_Javascript_Html

Javascript 如何在页面I'上启动延迟声音；我将要导航到？

javascript html

Javascript 如何在页面I'上启动延迟声音；我将要导航到？,javascript,html,Javascript,Html,我启动延迟声音的onclick函数从未被调用，或者它是，但没有声音发生。这取决于与onclick一起导航到的位置，以及从何处导航。我知道当你离开时声音会消失。下面是代码。函数little_ding（）安排do_bike_bell（）在1.5秒后被调用有4例。案例A/B来自主页，导航到相同/不同的页面。C/D类似，但在非主页内案例A运作良好。案例B调用little\u ding（），但do\u bike\u bell（）从未被调用。案例C&D甚至从不打电话给小丁（）。这全是铬合金的。案例B在

我启动延迟声音的onclick函数从未被调用，或者它是，但没有声音发生。这取决于与onclick一起导航到的位置，以及从何处导航。我知道当你离开时声音会消失。下面是代码。函数little_ding（）安排do_bike_bell（）在1.5秒后被调用

有4例。案例A/B来自主页，导航到相同/不同的页面。C/D类似，但在非主页内

案例A运作良好。案例B调用little\u ding（），但do\u bike\u bell（）从未被调用。案例C&D甚至从不打电话给小丁（）。这全是铬合金的。案例B在FireFox中有一定的作用：当你返回主页后，do_bike_bell（）最终被调用，你听到了——这不是我的意图

// javascript
function do_bike_bell()
{
    //prompt("hello from do_bike_bell()");
    audio_ld.play();
    setTimeout(kill_bike_bell,4000);} // kill later to be sure

function little_ding() 
{   // prompt("hello from little_ding()");
    setTimeout(do_bike_bell,1500); }

// HTML. home_page.html calls same/level 2 page:
<a href="#id_in_same_file"   onclick="javascript:little_ding();">TEXT</a> // CASE A

<a href="poems/trinity.html" onclick="javascript:little_ding();">TEXT</a> // CASE B

// level 2 page calls same/level 3 page:
<a href="#id_in_same_file"   onclick="javascript:little_ding();">TEXT</a> // CASE C
<a href="lev3_page.html"     onclick="javascript:little_ding();">TEXT</a> // CASE D

//级别3_page.html（没有帮助）：

do\u bike\u bell的定义是什么？我在帖子中添加了do\u bike\u bell。

audio_ld = document.createElement("audio");
audio_ld.src = "./sounds/bicycle-bell.mp3";

<body onload="javascript:little_ding();">