こちらのサイトを参考にして、タイマーの制作に挑戦しています。
HTMLからタイマーの秒数を拾い、アラートでタイマーの終了を表示する処理はできたのですが
音も鳴らしたいと思い、こちらのサイトを参考にしていますが、どのように組めばいいかわかりません。
https://programmer-jobs.blogspot.com/2009/05/amazing-jquery-examples.html
こちらで制作したものに組み込んで音を鳴らせるでしょうか?
どのように組めば鳴らせるでしょうか、ご教授いただければと思い投稿しました。
html
<div id="elapsed"></div> <div class="btn-group" role="group"> <button type="button" class="btn btn-default" onclick="starttimer(120);">2分</button> <button type="button" class="btn btn-default"></button> <button type="button" class="btn btn-default"></button> <button type="button" class="btn btn-default"></button> <button type="button" class="btn btn-default"></button> </div>
JavaScript
function starttimer(sec) { $(".btn-group button").prop("disabled", true); var startTime = new Date() var elapsedtime = 0; var timerId = setInterval(function() { // この中が1秒後に実行される var nowTime = new Date(); elapsedtime = Math.round((nowTime - startTime) / 1000); $("#elapsed").html(elapsedtime); if (elapsedtime > sec) { clearInterval(timerId); $("#elapsed").html(""); alert("タイマー終了"); $(".btn-group button").prop("disabled", false); } elapsedtime++; }, 1000); }
サイトのコード
$.sound.play("sample.wav");
$(function(){ $("a[href$=.wav]").click(function() { $.sound.play(this.href); return false; }); });