NHK 時計　黒い文字盤　白い数字　白い長針　白い秒針　白い短針　時報　ピッ　ピッ　ピッ　ポーン　効果音's game | AI game creator

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

No:20746

62

NHK 時計　黒い文字盤　白い数字　白い長針　白い秒針　白い短針　時報　ピッ　ピッ　ピッ　ポーン　効..ALL
Developer User3589｜Date and time 23/10/10 22:24:40
Build time 20.135 sec｜Game capacity 2.223KB｜

了解です。こちらはJavaScriptを使ってNHK時計のゲームを実装した例です。

00:00:00

このプログラムでは、HTMLとJavaScriptを1つのファイルにまとめています。HTML内でCSSを使って時計のスタイルを調整し、JavaScriptで時計の表示や時報の効果音の制御を行っています。時刻の表示は1秒ごとに更新され、時報は毎正時に効果音が再生されるようになっています。また、効果音の再生には `sound.wav` というファイルが必要です。上記のコードと同じディレクトリに `sound.wav` ファイルを配置してください。このプログラムを実行すると、ブラウザ上に黒い文字盤に白い数字の形式で時計が表示されます。時計表示はスマートフォンの操作に対応しており、1秒ごとに自動的に更新されます。また、毎正時にピッという効果音が鳴る仕組みも実装されています。

→ 　

0　

0　

[PR]現在の売れ筋グッズランキング

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

(C)2023 HisashiApp

了解です。こちらはJavaScriptを使ってNHK時計のゲームを実装した例です。

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    #clock {
      font-size: 48px;
      text-align: center;
      margin-top: 100px;
    }
  </style>
</head>
<body>
  <div id="clock">00:00:00</div>
  <script>
    // 時計の表示を更新する関数
    function updateClock() {
      let currentTime = new Date();
      let hours = currentTime.getHours();
      let minutes = currentTime.getMinutes();
      let seconds = currentTime.getSeconds();

hours = ("0" + hours).slice(-2);
      minutes = ("0" + minutes).slice(-2);
      seconds = ("0" + seconds).slice(-2);

document.getElementById("clock").textContent = hours + ":" + minutes + ":" + seconds;
    }

setInterval(updateClock, 1000); // 1秒ごとに時計を更新

// 効果音を再生する関数
    function playSound() {
      let audio = new Audio('sound.wav');
      audio.play();
    }

// 時報を鳴らす関数
    function playChime() {
      let currentTime = new Date();
      let minutes = currentTime.getMinutes();

if (minutes === 0) {
        playSound(); // 毎正時に効果音を再生
      }
    }

setInterval(playChime, 1000 * 60); // 1分ごとに時報を鳴らす
  </script>
</body>
</html>
```

このプログラムでは、HTMLとJavaScriptを1つのファイルにまとめています。HTML内でCSSを使って時計のスタイルを調整し、JavaScriptで時計の表示や時報の効果音の制御を行っています。時刻の表示は1秒ごとに更新され、時報は毎正時に効果音が再生されるようになっています。

また、効果音の再生には `sound.wav` というファイルが必要です。上記のコードと同じディレクトリに `sound.wav` ファイルを配置してください。

このプログラムを実行すると、ブラウザ上に黒い文字盤に白い数字の形式で時計が表示されます。時計表示はスマートフォンの操作に対応しており、1秒ごとに自動的に更新されます。また、毎正時にピッという効果音が鳴る仕組みも実装されています。