HTMLで作った時報アプリが動きません

解決済

質問者：優里さん
質問日時：2024/01/21 09:49
回答数：1件

HTMLとJavaScripで毎時59分55秒になったらjihou.mp3を再生するアプリをつくったのですが、59分55秒になっってもjihou.mp3は再生されませんでした。どうしてなのか教えていただきたいです。できればHTMLとJavaScriptも教えていただきたいです。よろしくお願いいたします。（以下HTML）
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>JavaScript Example</title>
</head>
<body>
<span id="real-time"></span>
<script>
function playAudio() {
var currentTime = new Date();
if (currentTime.getMinutes() == 59 && currentTime.getSeconds() == 55) {
var audio = new Audio('jihou.mp3');
audio.play();
}
}

setInterval(playAudio, 1000);
</script>
</body>
<script>
function Time() {
var realTime = new Date();
var hour = realTime.getHours();
var minutes = realTime.getMinutes();
var seconds = realTime.getSeconds();
var text = hour + ":" + minutes + ":" + seconds;
document.getElementById("real-time").innerHTML = text;
}
setInterval('Time()',100);
</script>
</html>