Click here for free DL of the app version that can save data.

No:21031

←

Prev Next

→

メトロノーム
Developer バファリンヌ｜Date and time 23/10/13 0:10:17
Build time 31.99 sec｜Game capacity 1.458KB｜

Script

メトロノーム

120

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>メトロノーム</title>
</head>
<body>
    <h1>メトロノーム</h1>
    <div id="metronome">
        <button id="start">スタート</button>
        <button id="stop">ストップ</button>
        <button id="increase">+</button>
        <button id="decrease">-</button>
        <div id="tempo">120</div>
    </div>

function playSound() {
            // 音を再生する処理
            // ここでは絵文字の音符を表示している
            var audioElement = new Audio('🎵');
            audioElement.play();
        }

function metronome() {
            playSound();
            timerId = setTimeout(metronome, 60000 / tempo);
        }

document.getElementById('start').addEventListener('click', function() {
            metronome();
        });

document.getElementById('stop').addEventListener('click', function() {
            clearTimeout(timerId);
        });

document.getElementById('increase').addEventListener('click', function() {
            tempo += 10;
            document.getElementById('tempo').textContent = tempo;
        });

document.getElementById('decrease').addEventListener('click', function() {
            tempo -= 10;
            document.getElementById('tempo').textContent = tempo;
        });
    </script>
</body>
</html>