myy/myTimer_renew.html

## myTimer_renew.html
<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8" />
    <title>タイマー</title>
</head>
<body>
<div style="font-size:100px">
<center><p><span id="minutes">0</span>分<span id="seconds">0</span>秒</p>
</div></center>
<p>
  時間を入力:<input type="text" name="minute" id="minute" value="0">分<input type="text" name="second" id="second" value="0">秒
 </p>

<input type="button" value="スタート" onclick="start();">
<input type="button" value="リセット" onclick="reset();">
<script>
var hours;
var minutes;
var seconds;
var alarm;
var timerID;

function start() {
    minutes = document.getElementById('minute').value;
    seconds = document.getElementById('second').value;

    document.getElementById('minutes').innerHTML = minutes;
    document.getElementById('seconds').innerHTML = seconds;

    timerID = setInterval("countdown()",1000);
}

function countdown() {

    // フリー効果音 http://taira-komori.jpn.org/freesound.html
    var alarm = new Audio("./mp3/calling.mp3");
    var time = (minutes*60) + (seconds-1);
    console.log(time);

    if(time <= 0) {
        alarm.play();
        reset();
        // alert("時間だよ!");
    } else {
        minutes = Math.floor((time%3600)/60);
        seconds = time % 60;
        document.getElementById('minutes').innerHTML = minutes;
        document.getElementById('seconds').innerHTML = seconds;
    }

}

function reset() {
    document.getElementById('minutes').innerHTML = "0";
    document.getElementById('minute').value = 0;
    document.getElementById('seconds').innerHTML = "0";
    document.getElementById('second').value = 0;
    clearInterval(timerID);
}
</script>


</body>
</html>
	<!DOCTYPE html>
	<html lang="ja">
	<head>
	<meta charset="UTF-8" />
	<title>タイマー</title>
	</head>
	<body>
	<div style="font-size:100px">
	<center><p><span id="minutes">0</span>分<span id="seconds">0</span>秒</p>
	</div></center>
	<p>
	時間を入力:<input type="text" name="minute" id="minute" value="0">分<input type="text" name="second" id="second" value="0">秒
	</p>

	<input type="button" value="スタート" onclick="start();">
	<input type="button" value="リセット" onclick="reset();">
	<script>
	var hours;
	var minutes;
	var seconds;
	var alarm;
	var timerID;

	function start() {
	minutes = document.getElementById('minute').value;
	seconds = document.getElementById('second').value;

	document.getElementById('minutes').innerHTML = minutes;
	document.getElementById('seconds').innerHTML = seconds;

	timerID = setInterval("countdown()",1000);
	}

	function countdown() {

	// フリー効果音 http://taira-komori.jpn.org/freesound.html
	var alarm = new Audio("./mp3/calling.mp3");
	var time = (minutes*60) + (seconds-1);
	console.log(time);

	if(time <= 0) {
	alarm.play();
	reset();
	// alert("時間だよ!");
	} else {
	minutes = Math.floor((time%3600)/60);
	seconds = time % 60;
	document.getElementById('minutes').innerHTML = minutes;
	document.getElementById('seconds').innerHTML = seconds;
	}

	}

	function reset() {
	document.getElementById('minutes').innerHTML = "0";
	document.getElementById('minute').value = 0;
	document.getElementById('seconds').innerHTML = "0";
	document.getElementById('second').value = 0;
	clearInterval(timerID);
	}
	</script>


	</body>
	</html>