Javascript-форум - JavaScript - нужен ваш совет

Javascript-форум (https://javascript.ru/forum/)

- Общие вопросы Javascript (https://javascript.ru/forum/misc/)

- - JavaScript - нужен ваш совет (https://javascript.ru/forum/misc/71652-javascript-nuzhen-vash-sovet.html)

JavaScript - нужен ваш совет

Здравствуйте . Помогите пожалуйста . Я создал в .html файл, в нем два input в который будут указываться вручную час и минута , и рядом с input будет стоять кнопка <button> . Теперь в чем суть . Я в input указывать время допустим 12:25 и нажимаю на кнопу и кнопка запускает будильник, и в указанное время будет играть песня. Вопрос как это организовать ? Надеюсь я понятно все обьяснил

var hours = 12;
var minutes = 30;

function start() {
   //...
}

var date = new Date;
date.setHours(hours);
date.setMinutes(minutes);

var intervalId = setInterval(function() {
    if(date <= Date.now()) {
         clearInterval(intervalId);
         start();
    }
}, 1000 * 60);

Осторожно, Раммштайн :)

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	
Минуты: <input type="text" id="min" value="0">
Секунды: <input type="text" id="sec" value="5">
<button onclick="timer();">Старт</button>
<div id="time"></div>

<audio id='mySound' src='http://delaytesami.com/ramshtajn.mp3'/>

<script>
function timer(){

	var min = document.getElementById('min');
	var sec = document.getElementById('sec');
	var div = document.getElementById('time');

	var times = +sec.value + (+min.value * 60);

	var intervalID = setInterval(function(){
		div.innerHTML = times--;
		if(times < 0 ){
			PlaySound();
			clearInterval(intervalID);
		}
	}, 1000);
	}


function PlaySound() {
	var mysound=document.getElementById('mySound');
	mysound.play();
}

</script>
</body>
</html>

тоже фигней помаялся )

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>

<body>
    <select id="hr"></select> :
    <select id="mn"></select>
    <button>Установить таймер</button>
    <p id="p"></p>

    <script>
        var hour = '';
        var minutes = '';
        for (var i = 0; i < 24; ++i) {
            hour += '<option value = "' + i + '">' + (i < 10 ? '0' + i : i) + '</option>\n';
        }
        for (var i = 0; i < 60; ++i) {
            minutes += '<option value = "' + i + '">' + (i < 10 ? '0' + i : i) + '</option>\n';
        }
        hr.innerHTML = hour;
        mn.innerHTML = minutes;
        function timer() {
            var time = new Date();
            if (time.getHours() == hr.selectedIndex
                &&
                time.getMinutes() == mn.selectedIndex) {
                var beep = new Audio('http://delaytesami.com/ramshtajn.mp3');
                beep.play();
            } else {
                p.innerHTML = 'Осталось:<br> часов: ' + (hr.selectedIndex - time.getHours()) +
                                        ', минут: ' + (mn.selectedIndex - time.getMinutes());
                setTimeout(timer, 1000);
            }

        }
        document.querySelector('button').onclick = timer;
    </script>

</body>

</html>