-1

#div要素への特定のクリックで起動し、ループせずにサウンド ファイルをトリガーするJavaScript 関数を作成するクリーンな方法が必要です。とにかく、サウンドファイルを取得して再生してから停止する関数を書くことはありますか? これは、クリックごとに存在する多数の機能の一部であり、ユーザーが行ったカスタムのクリック数に割り当てられます。1 つの特定の#main_divボタンで。

現在、関数内で使用して「再生ボタン」を表示するソリューションがあります.show .hide。

JS:

function function8() {
    $("#area1").hide(0).delay(1500).show(0);
    $("#area2").hide(0).delay(1500).show(0);
    $("#sound1").show(0).delay(1500).hide(0); // This one 
// I would like the above to directly play the sound when fired. Not overlay a new play button.

マークアップ:

<div id="sound1"><div>
<audio id="id1" src="01.mp3"></audio>
<button onClick="document.getElementById("id1").play()">Play</button>
<button onClick="document.getElementById("id1").pause()">Stop</button>
</div></div>

ただし、これを再生するには追加の「クリック」が必要です。また、このオーディオ再生に固有のボタンは必要ありません。#main_divこれがメインボックスボタンから存在することを望みます。クリックするとすべての機能が実行されます。本質的に私は欲しいです。Click = 3 と言うと、追加の手順を必要とせずに自動的に「サウンド ファイルを再生」します。

4

2 に答える 2